学习中的一些备忘录和归纳,欢迎大家批评指正,并补充。
1.本质的区别。
link属于HTML标签,@import是CSS提供的一种引入方式。
2.功能范围的区别。
link只能将CSS引入网页文件中,@import可以在网页页面、CSS文件中使用。
3.引入资源的区别。
link可以引入所有的资源,包括加载CSS、图片、定义RSS等,而@import只能加载CSS。
4.加载顺序也有区别。
link是在页面加载时同时加载的,而@import是在页面加载完成之后再去加载的。
5.兼容性的区别。
link没有兼容性问题,而@import是CSS2.1提出的所以老的浏览器不支持,只有IE5以上的浏览器才能识别。
6.动态引入样式的区别。
link可以在后期再引入样式(新增),而import是不可以后期引入的,只能初始化页面之前引入。