怎麼樣保持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的可讀性想了解更多精彩內容，請關注我們的網站!

相關推薦：

CSS代碼排序的技巧