css结构树怎么写会更好

html-css013

css结构树怎么写会更好,第1张

写css结构树我喜欢按页面名->区块名进行注释,当然还有其他的注释,比如全局样式注释,IE的HACK注释什么的

CSS写法上不轻易写如DIV.hello这样的,因为这样写的优先度比直接写.hello高,以后要改写的稍有麻烦;而且对于整站所用的样式,比如.clear{},.blight{}这种,更不适宜加上元素名称的 ,因为它很可能加在div上,也能加在br、em上

排队是指书写的顺序的话,我习惯先定义全局样式,再按着页面从上到下顺序书写

在样式 属性中

加入

<style>

xxxUL{

width:xxx

height:xxx

}

xxxUL li{

display:block

padding:0 0 0 40px

list-style-img:(图标路径) xpx xpx no-repeat 图标位置 调整

list-style:none

width:xxx

height:xxx

}

</style>

差不多这样就行了吧看你的HTML 是不是 用的这个结构

理论上说是不限制的层数。

一般来说,css注重的就是代码简洁,尽量缩短,代码过长,会影响加载速度。而且层级嵌套太多,对于其他人员可读性太差 。

写样式,最好不要超过3个以上的层级,只要能找到对应的标签设置样式即可。