<编写高质量代码--web前端开发修炼之道>之css总结
(一)标准模式和怪异模式的一些不同 (1)IE对盒模型的解析 在标准模式下,页面的宽度为:width+border+padding 在怪异模式下,width就包括了padding 和border (2)在怪异模式下,如下的样式不能正常表现 width:200px;margin-left:auto;margin-right:auto; 在一些高级浏览器中,如果没有声明DTD类型,页面将会以标准模式进行解析,而在IE(IE6,IE7,IE8)中则会触发怪异模式 (二)关于*{margin:0;padding:0} 在不同浏览器中,一些默认样式也会有所不同,例如:ul默认带有缩进的样式,在IE中,其缩进是按照margin实现的,但是在firefox中,其缩进是按照padding实现的 为了去掉浏览器的默认样式,一些人会设置*{margin:0;padding:0},但是这并不是最好的写法,一般推荐如下写法: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0} (三)解决一些hack (1)设置浮动时出现的bug:一旦为某个元素设置了浮动,然后有设置了margin属性,如下: .fl{float;left;