《CSS六》浏览器的标准模式和怪异模式

浏览器解析CSS的两种模式：标准模式和怪异模式。

标准模式：浏览器按W3C标准解析执行代码。

怪异模式：使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以称之为怪异模式。

浏览器解析使用标准模式还是怪异模式，与doctype声明直接相关，DTD声明定义了标准文档的类型，使浏览器使用相应的方式加载网页并显示，忽略DTD声明，将进入怪异模式。

判断是哪种模式：

window.top.document.compatMode

css1Compat 标准模式

backCompat 怪异模式

区别：

1. 盒模型：在怪异模式下，盒模型为IE模型 。在标准模式下，盒模型为W3C模型。
2. 行内元素的垂直对齐方式：标准模式下vertical-align属性默认取值是baseline；怪异模式下vertical-align属性默认取值是bottom。
3. 字体样式：标准模式下，表格中的字体样式会被继承；怪异模式下，表格中的字体样式不会被继承。
4. 元素溢出的处理：标准模式下，overflow取值默认为visible；怪异模式下，当内容超出容器高度时，会把容器拉伸。
5. !important：标准模式下，IE7+认识 !important声明；怪异模式下，IE6/7/8都不认识 !important声明。
6. 行内元素的宽高：标准模式下，给行内元素设置wdith和height都不会生效；怪异模式下会生效。
7. 水平居中：使用margin:0 auto在标准模式下可以使元素水平居中，但在怪异模式下却会失效。
8. 怪异模式下，颜色值必须用十六进制标记法。