DOCTYPE影响CSS处理

div? 的垂直居中问题：? vertical-align：middle;? 将行距增加到和整个DIV一样高? line-height：200px;? 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

cursor：? pointer? 可以同时在? IE? firefox? 中显示游标手指状，? hand? 仅? IE? 可以

firefox：? 链接加边框和背景色，需设置? display：? block,? 同时设置? float：? left? 保证不换行。参照? menubar,? 给? a? 和? menubar? 设置高度是为了避免底边显示错位,? 若不设? height,? 可以在? menubar? 中插入一个空格

firefox：div设置margin-left，margin-right为auto时已经居中， IE不行

firefox：body设置? text-align? 时，div? 需要设置? margin:? auto(主要是? margin-left,margin-right)? 方可居中；

firefox：设置padding? 后,? div? 会增加? height? 和? width,? 但? IE? 不会,? 故需要用? !important? 多设一个? height? 和? width

firefox：支持? !important,? IE? 则忽略,? 可用? !important? 为? firefox? 特别设置样式，值得注意的是，一定要将xxxx? !important? 这句放置在另一句之上

ul标签在Mozilla firefox中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin：0;padding：0;} 就能解决大部分问题

IE5? 和IE6的BOX解释不一致：IE5下div{width：300px;margin：0? 10px? 0? 10px;} div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改div{width：300px!important;width? /**/：340px;margin：0? 10px? 0? 10px} 关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持：）

在mozilla? firefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin：30px!important;margin：28px;} 注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：div{maring：30px;margin：28px} 重复定义的话按照最后一个来执行，所以不可以只写margin：XXpx!important;