@import和link的区别

@import和link的区别

在我们的HTML文档中引入CSS外部样式有两种方式：link和@import；
这两者的区别主要有以下几个方面：

• 老祖宗的差别： link是属于XHTML提供的一种方式，不仅可以加载CSS文件，还可以定义RSS,rel连接属性等；而@import完全是CSS提供的一种方式；
• 加载顺序的差别： 在网页加载的时候，link引用的CSS样式会随着页面同时被加载，而@import是在页面加载完成后才加载CSS样式，所以有时候页面卡顿的时候，就会出现画面没有样式的现象，这种页面一般采用的就是@import；
• 兼容性的差别： @import是在CSS 2.1（这些东西都要记嘛，o(╥﹏╥)o）之后提出的，所以必须在IE5以上才能够使用，link没有这个问题；
• 使用DOM控制样式时的差别： 当使用javaScript去控制DOM元素时，只能用link，因为@import不是DOM可以控制的；

通常不推荐使用@import，这样可以避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多地烦恼；

转载自：http://www.divcss5.com/css3-style/c54512.shtml
https://www.cnblogs.com/my–sunshine/p/6872224.html ：这篇文章写的特别有意思，笔者一定拥有一个有趣的灵魂。