使用 `` 或 `@import` 包含 CSS - 哪个更好？

我有一个网站，并且有多个用于打印、电视、屏幕、手持设备等的 css 样式表...

我想知道这些方法中哪一种更好用（性能、可用​​性等......）

<link href="all.css" media="all" type="text/css" />
<link href="handheld.css" media="handheld" type="text/css" />
<link href="tv_print.css" media="tv, print" type="text/css" />

or

<style type="text/css">
    @import url("all.css") all;
    @import url("handheld.css") handheld;
    @import url("tv_print.css") tv, print;
</style>

谢谢

第一种方法（链接）是最好的。

主要原因是 IE 6,7 和 8 中存在一个错误（不确定 9 或更高版本），这意味着当您将 @import 与链接结合使用时，文件会串行加载，而不是并行加载。当使用多个样式表时，这会大大减慢速度。

仅使用 @import 连续下载，但不能保证顺序，这意味着如果有重置，则可能会或可能不会首先应用。

这篇文章有一个很好的总结：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ http://www.stevesouders.com/blog/2009/04/09/dont-use-import/