CSS网页布局的建议

1、li标签前面的图标推荐使用background-image，而不是list-style-image。

2、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。 等你以后修改你的CSS的时候就知道为什么要这么做了。

3、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。

4、定义链接的四种状态要注意先后顺序: Link Visited Hover Active

5、与内容无关的图片请使用background

6、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left:XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。

7、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。

8、定义A标签要注意的小问题：

当我们定义a{color:red;}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了，其它三种状态就是A中所定义的样式。

只定义了一个a:link时，一定要记得把其它三种状态定义出来！

9. Margin: 0 auto

Margin: 0 auto实现的是CSS中最基础的功能，我们常常也会用它来实现最简单也最常用的功能—居中。虽然CSS本身没有一个指定居中的功能，但是通过auto margin指定一个边距仍然能非常简单的就实现居中这个功能。

通过这个属性，用一段简单的代码就能实现元素的居中。但需要注意的是，就像以下代码中那样，必须给div设定一个宽度。

.myDiv {
margin: 0 auto;
width:600px;

}

文章转载自 ：CSS网页布局的几个建议   http://www.studyofnet.com/news/430.html