我们在引入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引入的样式的