@import或<link />用于导入样式表?

时间:2009-09-25 18:52:09

标签: css import stylesheet

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

2 个答案:

答案 0 :(得分:14)

我曾经读过这篇关于表演的文章和<link> vs @importdon’t use @import;引用它的一小部分:

  

如果你使用LINK而不是@import   想要样式表下载   并行导致页面更快。

这是最近的(2009年4月),所以应该仍然是大多数情况 - 由史蒂夫·索德斯撰写,他的名字在前端表演方面非常有名。


在一个更主观的观点上,我更喜欢在我的主HTML文件中使用几个<link>:这样,我只能快速浏览一下css文件被调用的内容 - 或者查看模板上的模板文件服务器,或在客户端查看生成的HTML源。

答案 1 :(得分:1)

在某些(全部?)实现@import在页面加载结束时处理,因此您将使用不受欢迎的Flash内容部署。

link通常效果更好,但如果您想要定义不同的media,则可以毫无问题地使用它。此外,它是隐藏CSS旧浏览器(&lt; IE5.5)的巧妙技巧。