美文网首页
页面导入样式时 使用link和@import的区别

页面导入样式时 使用link和@import的区别

作者: OriX0 | 来源:发表于2020-06-30 14:27 被阅读0次
  1. 从属关系区别

    @import 是CSS提供的语法规则 只有导入样式表的作用

    link是HTML提供的标签 不仅可以加载css 还可以定义RSS rel连接属性

  2. 加载顺序

    加载页面时

    link标签引入的css被同时加载

    @import引入的css在页面加载完毕后加载

  3. 兼容性

    @import 是CSS2.1引入的 需再IE5+

    link是HTML元素 没有兼容性问题

  4. DOM可控性区别

    JS可以通过link标签的插入改变样式 但是无法使用@import的方式插入样式

相关文章

网友评论

      本文标题:页面导入样式时 使用link和@import的区别

      本文链接:https://www.haomeiwen.com/subject/rykxqktx.html