您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

保持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教的可读性,希望大家可以在这里有所收获!