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