1、IE6下横向双倍margin bug (触发条件:块属性标签;float;横向margin设置;IE6下。解决办法:css中加入display:inline。)

2、css中公用属性首先声明;如对浏览器对某些标签有默认的margin 和padding 值首先声明默认值为0。

3、css中class类名必须有实际的意义,必须与内容相关;不得用纯数字用于class类名。

4、IE6下标签嵌套时,如果内层标签float,只有清除内层标签的浮动后外层标签才能被撑开。

5、清除浮动时用div而不用其它标签清除浮动;


 .clear {height:0;clear:both;overflow:hidden;}



6、IE6下定义1px的高度或定义小于等于10px的高度;IE6下默认行高是10px,解决办法是:overflow:hidden / zoom:0.08 / line-height:1px。

7、超链接点击过后就不在出现hover样式?解决方法是:改变css属性的排列顺序L--V--H--A。

8、使用群组选择器时,class名之间必须用空格隔开,否则firefox将不会读取CSS命令。