美文网首页js css html
link和@import 的区别

link和@import 的区别

作者: Viewwei | 来源:发表于2022-09-24 09:52 被阅读0次
    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 的区别

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