文本模式

文本模式简介

IE浏览器中的文本模式，主要有三种模式（针对IE6以上的版本），这三种模式也就是渲染页面的3种模式了：诡异模式（Quirks mode，也有翻译为兼容模式、怪异模式的），标准模式（Standards mode），和几乎标准模式（Almost standards mode）。这是一个非常重要、但是很多人却比较模糊的概念。一两句话不太能说清楚，这样说吧——“页面的不同渲染模式，将直接影响页面的最终呈现效果”，也就是说，一个页面如果在这种模式下显示完美，但是在另外一种模式下可能就显示的一塌糊涂。而决定页面模式的是页面的!DOCTYPE属性。最经典的就是对盒装模型的解释差异了。是相同页面，采用不同页面渲染模式的最终显示效果的不同。

页面很简单，只要一个div元素，然后随便设置一点高度、宽度、padding、margin就可以了。核心代码如下——

#divTest{background-color:red;padding:10px;margin:10px;width:100px;height:100px;}