css兼容性随笔

HTML是可以设置背景色的
body是实际内容点，可以设置padding与margin
HTML也可以设置margin与padding

body的padding为0
body字体为16px（firefox）
关于margin的值较麻烦一点
IE8/9 firefox google margin默认值为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。如不满足条件会增大 “border box” 让差值最小0。从chrome9开始支持 box-sizing 标准，而不需要 -webkit-box-sizing，所以你看看chrome版本，如果<9 就需要 -webkit-box-sizing:border-box;如果版本>=9,那就要考虑是不是写错了。
5. !important对 一个良好（或者是标准）的浏览器来说，不仅仅是从顺序上提升代码的优先级，还可以用来提升class的优先级（比如firefox），但是从IE对前者的不支持可以看出，这只是IE的一大BUG，而不能说它“不认识、不支持”！