css - @import 还是用于导入样式表？

Question

哪种方法最适合导入多个样式表？一种方法比另一种更有效吗？

Answer 1

我曾经读过这篇关于性能和<link>vs的文章@import：不要使用 @import；引用其中的一小部分：

如果您希望并行下载样式表以加快页面速度，请使用 LINK 而不是 @import。

这是最近的事（2009 年 4 月），所以大部分情况下应该仍然是正确的 - 并且由 Steve Souders 撰写，他的名字在前端性能方面非常有名。

在更主观的一点上，我更喜欢使用<link>我的主要 HTML 文件中的几个：这样，我只需快速浏览一下 css 文件被称为什么——要么查看服务器上的模板文件，要么查看在客户端生成的 HTML 源代码。

Answer 2

在某些（全部？）实现@import中，在页面加载结束时处理，因此您会使用不受欢迎的无样式内容 Flash。

link通常工作得更好，但如果你不想定义一个不同的media，你可以毫无问题地使用它。此外，它是一个巧妙的技巧，可以CSS从旧浏览器 (<IE5.5) 中隐藏。