使用link方法，样式表可以并行加载(更快更好)，而且几乎所有浏览器都支持link

import加载任何额外的css文件一个接一个(较慢)，并可以给你Flash的无风格的内容

我认为@import在为多种设备编写代码时最有用。包含一个条件语句来只包含有问题的设备的样式，然后只加载一个表。您仍然可以使用link标记来添加任何公共样式元素。

它们非常相似。有些人可能认为@import更易于维护。但是，每个@import都将花费您一个新的HTTP请求，其方式与使用“link”方法相同。所以在速度的背景下，它并不更快。正如“duskwuff”所说，它不能同时加载，这是一个缺点。

出于速度考虑，最好不要使用@import在页面中包含CSS。看看这篇优秀的文章，了解为什么不去:http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

此外，通过@import标记来缩小和合并css文件通常更困难，因为缩小脚本不能从其他css文件中“剥离”@import行。当你将它们包含为<link标签时，你可以使用现有的minify php/dotnet/java模块来进行缩小。

所以:使用<link />代替@import。

@Nebo在伊兹纳德米索格古尔

下面是使用@import的正确方法

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);

来源:https://developer.mozilla.org/en-US/docs/Web/CSS/@import

从页面速度的角度来看，几乎不应该使用CSS文件中的@import，因为它会阻止样式表被并发下载。例如，如果样式表A包含以下文本:

@import url("stylesheetB.css");

然后，第二个样式表的下载可能要等到第一个样式表下载完成后才开始。另一方面，如果在主HTML页面的<link>元素中引用了这两个样式表，则可以同时下载这两个样式表。如果两个样式表总是一起加载，那么将它们合并到一个文件中也会很有帮助。

有时@import是合适的，但它们通常是例外，而不是规则。