保持div css教的可讀性的方法

保持div 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個可以寫一行。

謝謝大家在這裡學習保持div css教的可讀性，希望大家可以在這裡有所收獲!