在編寫 CSS 樣式表的時候，我們幾乎總是可以看到所有的樣式都寫在同一行，就算是對于同一組選擇器，也時常寫在不同的行里面。這種寫法看起來很不美觀，也很難閱讀，為什么我們不將 CSS 樣式表中的代碼換行呢？

.container {
/* width, height, padding等屬性寫在一起不沖突 */
width: 1000px; height: 600px; padding: 50px;
/* background-color和color屬性同樣不沖突 */
background-color: #f5f5f5; color: #333;
/* margin屬性沖突了 */
margin: 0 auto; /* 推薦換行 */ 
}

第一個原因是 CSS 樣式表文件壓縮。通過將所有的樣式寫在同一行中，可以將 CSS 樣式表文件的體積大幅減小，從而加速頁面加載的速度。這在一個對網站性能有追求的網站上是非常有用的。

第二個原因是在編寫樣式表的時候更加方便。CSS 選擇器一般都很長，如果你想要在每個屬性之間添加注釋或者更改這些屬性的屬性值，那么只需要通過這種書寫方式快速地找到和修改代碼即可，這樣你的樣式表會更加易讀、易維護。

最后，在某些情況下，將 CSS 樣式表中的代碼換行可能會導致樣式沖突。例如，在一個選擇器中，當你單獨將某些屬性寫在一行上的時候，可能會造成樣式屬性之間的沖突。可以通過在這些屬性之間加上空格解決這個問題。