为什么@import不建议链接css？

Question

为什么@import不建议链接css？@import与浏览器有什么不兼容之所以@import做不了什么可以做<link>？

什么<Link>使它成为可取的？是否有任何专业@import有用？

我们应该一直使用<link>吗？

Answer 1

这是一篇关于表演和<link>vs 的文章的链接@import:不要使用@import ; 引用它的一小部分:

如果您希望样式表并行下载LINK,@import则可以使用而不是使用更快的页面.

它不是那么古老(它是从2009年4月开始 - 也就是不到一年前),所以它应该仍然是真实的 - 它由Steve Souders编写,他的名字在前端表演方面非常有名.

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

Answer 2

这是about.com上一个非常完整的答案

文章细分:

@import和.之间的区别 <link>

在决定使用哪种方法来包含样式表之前,您应该了解这两种方法的用途.

<link> - 链接是在网页上包含外部样式表的第一种方法.它旨在将您的网页与样式表链接在一起.它被添加到您的HTML文档中,如下所示:

<link href="styles.css" type="text/css" />

@import - 导入允许您将一个样式表导入另一个样式表.这与链接方案略有不同,因为您可以在链接的样式表中导入样式表.但是,如果在HTML文档的头部包含@import,则会写入:

<style type="text/css">@import url("styles.css");</style>从标准的角度来看,链接到外部样式表或导入它没有区别.无论哪种方式都是正确的,任何一种方式都可以同样有效(在大多数情况下).但是有几个原因你可能想要使用一个而不是另一个.

请参阅文章.