更少的CSS線獲得更好的性能？

Question

顯然有兩組編碼器：

組1：

#wrapper { 
 
\t margin: 0 auto; 
 
}

組2：

#wrapper {margin: 0 auto;}

什麼方法最高效？第2組由於行數較少而獲得更好的性能？

Answer 1

解析器將從上到下讀取文件。所以越少的線條越好。在性能方面，第二個例子是優越的。但是縮小可以完全消除這個問題。

Answer 2

是的，它提高了性能，因此存在縮小工具。也就是說，不要像這樣在單行中開始開發代碼，因爲沒有可讀性。

爲了可讀性編寫代碼，然後根據評論者的說法縮小結果。

Answer 3

考慮你的兩個例子與一個以上的規則，而不是：

組1：

#wrapper { 
    margin: 0 auto; 
    padding: 10px 5px; 
    text-transform: uppercase; 
} 

組2：

#wrapper { margin: 0 auto; padding: 10px 5px; text-transform: uppercase; } 

第一種方法更易於維護並且對維護者更易讀（通常是人類，並不總是保證）。如果你minify你的CSS和JavaScript，那麼你的寫作風格並不重要，因爲縮小會爲你處理這些問題。嘗試粘貼我的組1代碼cssminifier.com，看看會發生什麼。