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

产生原因：

现代的浏览器一般都有两种渲染模式：标准模式和怪异模式，在标准模式下，浏览器按照HTML和CSS标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染，这样的话，对于旧有的网页，浏览器就会启动怪异模式，就能够使得旧网页正常显示；对于新的网页，则可以启动标准模式，使得新网页能够使用HTML和CSS的标准特性。

标准模式	怪异模式
给span等行内元素设置width和height无效。	有效
margin:0 auto水平居中，在标准模式下没有问题。	用margin:0 auto设置水平居中在怪异模式下会失效，解决办法，用text-align属性来解决
右边的这些问题，在标准模式下均不会出现问题！	怪异模式下设置图片的padding会失效，怪异模式下Table中的字体属性不能继承上层的设置怪异模式下white-space:pre会失效