css - 包括 `` 或 `@import` 的 CSS - 哪个更好？

Question

我有一个网站，我有多个用于打印、电视、屏幕、手持设备等的 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" />

或

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

谢谢

Answer 1

第一种方法(链接)是最好的。

主要原因是 IE 6,7 和 8(不确定 9 或更高版本)中存在一个错误，这意味着当您将 @import 与链接一起使用时，文件将按顺序加载而不是并行加载。当使用多个样式表时，这会大大降低速度。

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

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