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

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

<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