首页 > 技术文章 > 初始化css代码需要注意的

ferron 2015-05-26 10:11 原文

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-05-06)

 

写在所有css代码之前,对网页中所有同类元素的一个样式规则代码或者一些基础性公用元素的样式规则代码。

 

1、空白:对于某两个组件之间的留白,使用<div class="blank10"></div>,并添加一条.blank10{height: 10px;}。

【或者不在初始css代码中添加,直接在需要的地方添加<div style="height:10px"></div>】

缺点:管理阅读修改添加不方便,习惯就好。

优点:某个组件需要隐藏或删除的时候,直接执行即可。不用担心它的margin属性的作用丢失会影响什么。

如果空白设置到margin或者padding上面,则该div是需要删除或着隐藏的话,这个空白也就不见了。

2、html div ul li a等元素的基础样式规则:建议对这些元素设置一些必要的初始化css代码。下面的部分根据需要在改动。

 

3、除特殊需求外,最好不要给a标签 li标签等设定初始的color text-decoration 等不同部位改动比较大的属性值。单独给需要设计的部位进行设置最好。如果要设置最好不要设置成局部某个地方特殊需要的颜色,比如很浅的颜色。。

如在立……网站中设计时,出现很多需要呈现编辑们通过在线编辑排版控件制作并上传的文章的页面。这样的页面中,如果初始化的css中限定过多,比如整体body的颜色。a标签的样式,那么会出现在这个里面编辑过的文章收到外面网站css初始化代码的影响。

 

总结中……

推荐阅读