css - 以下哪一项是使用外部样式表的更好方法？

Question

我遇到了两种以一种方式使用外部样式表的方法

<link href="CSS/div1.css" rel="stylesheet" type="text/css" />
<link href="CSS/div2.css" rel="stylesheet" type="text/css" />
<link href="CSS/div3.css" rel="stylesheet" type="text/css" />

像这样导入所有的样式表另一个是使用一个样式表并在其中导入其他样式表

<link href="CSS/div1.css" rel="stylesheet" type="text/css" /> and inside this
@import url('../CSS/div2.css');
@import url('../CSS/div3.css');
.crazy
{
 display:block;
 background-color:Black;
 color:White;
}

我在某处读到第二种方法更好，所以我构建了一个演示并检查了第一种情况下在 firebug 中的那个它需要 16 毫秒并且还下载了较少字节的数据但在第二种方法中它需要 109 毫秒并下载了更多字节的数据，所以我很困惑哪种方法更好。

Answer 1

第一个是建议的，因为浏览器渲染它们的速度更快 More on Steve's site