下面我们给大家介绍一下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代码排序的方法是什么