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

Question

为什么@import不建议链接CSS？ @import不能做什么，可以通过<link>来完成，@import是否与浏览器有任何不兼容？

什么<Link>这是可取的？那么@import有什么特色吗？

我们应该总是使用<link>？

Answer 1

下面是一篇关于表演的文章链接，<link>与@import：don’t use @import;引用它的一小部分：

使用LINK代替@import如果你想 样式表在 并行导致更快的页面下载。

这并不是说老（从2009年4月的 - 即不到一年以前），所以它仍然应该是通常的情况 - 这是由史蒂夫Souders的，他的名字写的是颇有知名度当涉及到前端表演时。

在更主观一点，我很喜欢使用一些<link>从我的主HTML文件：这种方式，我能够在仅看一眼，看看CSS文件叫什么 - 无论是在寻找模板文件在服务器上，或在客户端查看生成的HTML源代码。从文章

Answer 2

Here's a pretty complete answer on 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>从 标准来看，没有 链接到 外部样式表或导入它之间的差异。 无论哪种方式都是正确的，任何一种方式 都可以很好地工作（在大多数 的情况下）。但有几个原因 你可能想要使用其他的 。

查看文章的其余部分。