xhtml+css

1.text-indent:2em;

2.body,div{padding:0; margin:0;}

3.(IE6双倍边距BUG)，只要满足下面3个条件才会出现这个BUG:
1）要为块状元素；
2）要左侧浮动；
3）要有左外边距(margin-left)；

解决这个BUG很容易，只需要在相应的块状元素的
CSS树形中加入"display:inline;"

4.HTML代码：
<a href="#" id="buttonBlock"></a>

CSS代码：
#theLink{
      display:block;
      width:120px;
      height:41px;
      margin:0 auto;
      background:url(../images/buttonBG.gif) no-repeat;
}
#theLink:hover{ background:url(../images/buttonBG.gif) no-repeat 0 -41px;}
5.清除浮动

  .clear{clear:both;}

6. float:left

7.附加有“!important”的语句一定要在没有附加“!important”的语句的上面，顺序一定不能错！
8.布局页面，Float为主，Position为辅！

9.若想把一个定位属性为absolute的元素定位于其父级元素内，只有满足两个条件，
第一：设定TRBL
第二：父级设定Position属性
10.属性为relative的元素可以用来布局页面，属性为absolute的元素用来定位某元素在父级中的位置
11.如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的padding的属性影响，当然你也可以用relative，不过到时候计算的时候不要忘记padding的值。