js css html

link和@import 的区别

2022-09-24  本文已影响0人  Viewwei
  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的权重
上一篇下一篇

猜你喜欢

热点阅读