css文件link引入和@import引入的区别？

css文件link引入和@import引入的区别？

1. link是一个HTML标签，作用不只限于引入CSS；@import属于CSS范畴，只能加载CSS。
2. link引入CSS时，在页面载入时同时加载；@import需要页面完全载入以后加载，所以会出现一开始没有CSS样式，闪烁一下后出现样式的问题。
3. 因为link是HTML标签，所以没有兼容性问题；@import 是CSS2.1之后提出，所以对于低版本浏览器不支持。
4. link由于是HTML标签，可以通过JavaScript来操控DOM改变样式，而@import不支持。

@import写法

• @import(style.css) – 建议
• @import(“style.css”) – 建议
• @import ‘style.css’