文本模式

一種定義為 x 列字元乘以 y 行字元的視頻模式。

視頻模式

一種定義為 x 列字元乘以 y 行字元的視頻模式。

文本模式

IE瀏覽器中的文本模式,主要有三種模式(針對IE6以上的版本),這三種模式也就是渲染頁面的3種模式了:詭異模式(Quirks mode,也有翻譯為兼容模式、怪異模式的),標準模式(Standards mode),和幾乎標準模式(Almost standards mode)。這是一個非常重要、但是很多人卻比較模糊的概念。一兩句話不太能說清楚,這樣說吧——“頁面的不同渲染模式,將直接影響頁面的最終呈現效果”,也就是說,一個頁面如果在這種模式下顯示完美,但是在另外一種模式下可能就顯示的一塌糊塗。而決定頁面模式的是頁面的!DOCTYPE屬性。 最經典的就是對盒裝模型的解釋差異了。是相同頁面,採用不同頁面渲染模式的最終顯示效果的不同。

頁面很簡單,只要一個div元素,然後隨便設定一點高度、寬度、padding、margin就可以了。核心代碼如下——

瀏覽器3種模式的顯示效果 瀏覽器3種模式的顯示效果

<styletype="text/css">#divTest{background-color:red;padding:10px;margin:10px;width:100px;height:100px;}</style><divid="divTest"><!--[if IE 7]>瀏覽器是IE7<![endif]--><!--[if IE 8]>瀏覽器是IE8<![endif]--></div> 從圖片中,我們可以清楚的看到,紅色div塊的大小和位置,在不同的文本模式下,發生了明顯的變化。

相關詞條

相關搜尋

熱門詞條

聯絡我們