link和@important引入css的区别

css的引入方法,知道有这么几种但是不清楚具体的一些区别。网上百度了很多关于css引入方式的问题。

今天也想把这个写到自己的博客中,在使用css的引入方式的时候尽量不要用@import,这样可以避免@import的语法规则和注意事项,避免产生资源文件下载顺序的混乱和http请求过多的烦恼。

1:所属关系上区别

@import是css提供的语法规则,只有导入样式表的作用;link是html提供的标签,不仅可以加载css,还可以定义RSS、rel连接属性。

2:加载顺序的区别

加载页面时,link标签引入的css被同事加载,@import引入的css将在页面加载完毕后加载

3:兼容性区别

@import是css2.1才有的语法,故IE5+才能识别;link标签作为HTML元素,不存在兼容问题。

4:DOM可控性区别

可以通过JS操作DOM,插入link标签来改变样式,由于DOM方法是基于文档,无法使用@importde1的方式插入

5:权重区别(据说有争议这里就不具体的说了)

原文地址:https://www.cnblogs.com/hl2016-10-28/p/8573225.html