下图为link的代码与效果
下图为@import的代码与效果
通过上述对比可知link与@import 效果相同,那他们又有什么不同呢?
差别:
1.本质:link属于XHTML标签,而@import 是CSS样式表提供的。
2.加载顺序:当一个页面加载时,link引用的CSS会同时被加载,而@import 提供的CSS等到页面全部下载完成后再被加载。
3.兼容性 : @import 是CSS2.1提出的,所以老的浏览器不支持,只有IE5以上才支持,而link标签由于版本较早没有这个兼容性问题。