link和@import的区别

--- link和@import的区别

1. link是HTML方式，加载css外还可以定义RSS等其他事务；@import是CSS方式，只能加载css

2. `link引用CSS时，在页面载入时同时加载（并行）；@import需要页面网页完全载入以后加载（串行），出现FOUC

3. link可以通过rel="alternate stylesheet"指定候选样式

4. 浏览器对link支持早于@import，可以使用@import对老浏览器隐藏样式

5. @import必须在样式规则之前，可以在css文件中引用其他文件

6. 总体来说：link优于@import

--- 什么是FOUC?如何避免

Flash Of Unstyled Content：用户定义样式表加载之前浏览器使用默认样式显示文档，用户样式加载渲染之后再从新显示文档，造成页面闪烁。解决方法：把样式表放到文档的head