如何保持CSS的可讀性呢

歡迎大家在這裡學習保持CSS的可讀性!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!書寫可讀的CSS將會使得更容易查找和修改樣式。對於以下兩種情況，哪種可讀性更高，我想不言而明。

/*** 每個樣式屬性寫一行 ***/

div{

background-color:#3399cc;

color:#666;

font: 1.2em/1.4em Arial, Helvetica, sans-serif;

height:300px;

margin:10px 5px;

padding:5px 0 10px 5px;

width:30%;

z-index:10;

}

/*** 所有的樣式屬性寫在同一行 ***/

div{ background-color:#3399cc; color:#666; font: 1.2em/1.4em Arial, Helvetica, sans-serif; height:300px; margin:10px 5px; padding:5px 0 10px 5px; width:30%; z-index:10; }

當對於一些樣式屬性較少的選擇器，我會寫到一行：

/*** 選擇器屬性少的寫在同一行 ***/

div{ background-color:#3399cc; color:#666;}

對於這個規則並非硬性規定，但無論您采用哪種寫法，我的建議是始終保持代碼一致。屬性多的分行寫，屬性少於3個可以寫一行。

好了，保持CSS的可讀性內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

divcss適當的代碼注釋很重要嗎