單行與多行CSS格式化

Question

儘管有爭議，但我聽說大多數CSS開發人員更喜歡多行，因爲在CSS文件中可以輕鬆找到屬性。但是這不會使CSS文件變得更大，整體上可讀性更差嗎？我認爲單行可以讓你更快地掃描CSS文件。有什麼想法嗎？

Answer 1

這都是基於你的團隊決定的偏好問題。然而，這是我爲什麼使用單行格式的原因：

當我需要維護CSS時，我經常希望修改現有的選擇器。如果每一行的開頭都是一個新的選擇符，而不僅僅是更多的樣式聲明，它可以更容易地掃描我想要查找的選擇器的文檔。這也意味着更少的滾動來找到我需要的東西。

一旦我找到了需要編輯的選擇器，良好的語法高亮使得讀取特定選擇器的規則變得容易，所以我不會因爲將所有樣式聲明放在一行中而失去任何可讀性。

這就是說，我不會說它有助於任何文件大小。我依靠YUI Compressor自動爲我壓縮CSS，而不是嘗試手動維護有效聲明的樣式文檔。

Answer 2

這是一個個人風格的問題 - 確保你選擇的是你一致的。爲了便於閱讀，我個人傾向於將每個屬性放在一行中。

Answer 3

在開發時使用任何你覺得簡單的風格。

您可以使用CSS縮小器來減少部署時文件的大小。你可以找到很多CSS縮小器，這將有助於減小文件大小。

YUI compressor是一個不錯的選擇。

Answer 4

就像JavaScript代碼一樣，您會希望按照符合團隊標準的方式來格式化CSS，並讓壓縮器縮小它以便部署。

Answer 5

IMO多線CSS更好，因爲它更具可讀性。但我建議你遵循你的團隊的標準，不要浪費你的時間辯論:)

如果你擔心CSS文件大小，那麼你應該minify/compress它。另外，如果你有時間，你可以花一些時間用Official W3C CSS Test Suites來驗證你的CSS。