link与@import导入css的区别

我们在引入css的时候，比较经常使用的两种导入css的方式就是link与@import，但是这两种导入css的区别是什么呢？

1、区别

从属关系不同

 link是XHTML标签，它不仅可以引入css文件，还可以定义RSS以及引入网站图标或者设置媒体查询

@import 是CSS提供的语法规则，只能用来加载css

加载顺序不同

link引入css文件，页面载入同时载入css文件

@import在页面完全载入之后载入css文件，如果当时网络环境比较差，那么页面刚开始会没有css样式

兼容性

link标签没有兼容性问题

@import是在css2.1中提出的，所以IE5+才能识别

DOM可操作性

可以通过js操作DOM，插入link标签来改变样式

@import不能通过操作dom的方式插入样式

权重

link引入的样式权重是大于@import引入的样式的