浏览器的标准模式和怪异模式

• 盒模型:

o 在怪异模式下,盒模型为 IE 模型。盒子所占区域宽度=width(宽)+margin(左

右),高度等同

o 在标准模式下,盒模型为 W3C 模型。盒子所占区域宽=width(宽)+padding(左

右)+border(左右)+margin(左右),高度等同

• 行内元素的垂直对齐方式:标准模式下 vertical-align 属性默认取值是 baseline;怪

异模式下 vertical-align 属性默认取值是 bottom。

• 字体样式:标准模式下,表格中的字体样式会被继承;怪异模式下,表格中的字体

样式不会被继承。

• 元素溢出的处理:标准模式下,overflow 取值默认为 visible;怪异模式下,当内容

超出容器高度时,会把容器拉伸。

• !important:标准模式下,IE7+认识!important 声明;怪异模式下,IE6/7/8 都不认

识!important 声明。

• 行内元素的宽高:标准模式下,给行内元素设置 wdith 和 height 都不会生效;怪

异模式下会生效。

• 水平居中:使用 margin:0 auto 在标准模式下可以使元素水平居中,但在怪异模式下

却会失效。

• 怪异模式下,颜色值必须用十六进制标记法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容