css兼容性随笔

HTML是可以设置背景色的

body是实际内容点，可以设置padding与margin

HTML也可以设置margin与padding

body的padding为0

body字体为16px（firefox）

关于margin的值较麻烦一点

IE8/9firefoxgooglemargin默认值为8px

在IE7下margin-left为10px，margintop为15px

p标签padding为0

margin-left与margin-right为0，上下外边距为16px

标准盒子模型z-index是auto;IE盒子模型z-index是0;

IE8+的浏览器z-index是auto，不会参与计算的，但是ie8及以下就变成0啦

ie和非ie浏览器ul>li出现有标识图形的位置不同，ie在li里面,非ie在li的外面

1.DOCTYPE声明影响CSS处理

2.FF:div设置margin-left,margin-right为auto时已经居中,IE不行

3.FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中，IE下body必须设置text-align:center下面的div才能居中

4.FF:设置padding后,div会增加height和width,但IE不会,故需要用!important多设一个height和width。这是网上抄来的，但是自己测试过，ie也会被撑开，根据w3c文档，变大是肯定的，因为content的高宽的是用定义的width和height减去border和padding。但是content的width和height不能为负，最小差为0。如不满足条件会增大“borderbox”让差值最小0。从chrome9开始支持box-sizing标准，而不需要-webkit-box-sizing，所以你看看chrome版本，如果<9就需要-webkit-box-sizing:border-box;如果版本>=9,那就要考虑是不是写错了。

5.!important对一个良好（或者是标准）的浏览器来说，不仅仅是从顺序上提升代码的优先级，还可以用来提升class的优先级（比如firefox），但是从IE对前者的不支持可以看出，这只是IE的一大BUG，而不能说它“不认识、不支持”！