link和@import 的区别

  1. 从从属的关系来说:link是 html 标签,不仅可以加载 css 文件,还可以定义 RSS,rel链接属性,而@import 是 css 的语法,只有导入样式表的作用
    2.加载顺序:页面被加载时,link 会和 html 标签同时加载;@import 引入的 css 将在页面加载完毕之后被加载
    3 兼容性:@import 是 css2.1的语法,link 是标签不存在兼容性的问题
    4 DOM:JavaScript 只能控制 dom 去改变 link 标签引入的样式,而@import 的样式不是 dom 可以控制的
    5 link 方式的权重高于 @import的权重
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • link和@import的区别简析
    我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部...
    马蹄丙阅读 2,280评论 0赞 5
  • link和@import的区别
    外部引入 CSS 有2种方式，link标签和@import，它们有何本质区别，有何使用建议。 区别 1.从属关系区...
    时间的溺水者阅读 201评论 0赞 0
  • link 和 import 的区别
    对于如何使用css的样式，主要有三种： 内联 ，外联，内嵌（也可称为行内）。其中外联样式的引入有两种：lin...
    习惯就好_e4d0阅读 811评论 0赞 0
  • CSS-link和@import的区别：
    link和@import的区别： 使用链接link和导入import的好处就是易于维护，但当网速比较慢的时候，会出...
    学的会的前端阅读 667评论 0赞 0
  • link和@import的区别
    页面使用css的方式主要有3种： 标签行内引用（内联样式） 内部样式表 外部样式表，其中外部样式引用有link和i...
    Precipice阅读 4,007评论 0赞 3