保持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的可讀性的方法了吧!希望大家可以好好利用!

相關推薦：

auto cad線寬技巧介紹