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

我以某种方式以下哪一种是使用外部样式表的更好方法？

<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中的应用程序，它需要16ms，并且下载了较少的数据字节，但在第二种方法中需要109ms并下载了更多字节的数据所以我困惑哪种方法更好。

来源

2010-08-16 Mac

你可以在http://stackoverflow.com/questions/1022695/difference-between-import-and-link-in-css找到类似的问题 – N30 2010-08-16 14:52:37