为什么不建议使用@import引入css
不建议使用@import主要有以下两点原因:
原因一、使用@import引入CSS会影响浏览器的并行下载
使用@import引用的CSS文件只有在引用它的那个css文件被下载、解析之后,浏览器才会知道还有另外一个css需要下载,这时才去下载,然后下载后开始解析、构建render tree等一系列操作。这就导致了浏览器无法并行下载所需的样式文件。
原因二:多个@import会导致下载顺序紊乱。
在IE中,@import会引发资源文件的下载顺序被打乱,即排列在@import后面的js文件先于@import下载,并且打乱甚至破坏@import自身的并行下载。
我们可以使用link标签来引入css。
推荐教程:css快速入门