《CSS六》瀏覽器的標準模式和怪異模式

2021-09-30 19:45:13 字數 788 閱讀 6208

瀏覽器解析css的兩種模式:標準模式和怪異模式。

標準模式:瀏覽器按w3c標準解析執行**。

怪異模式:使用瀏覽器自己的方式解析執行**,因為不同瀏覽器解析執行的方式不一樣,所以稱之為怪異模式。

瀏覽器解析使用標準模式還是怪異模式,與doctype宣告直接相關,dtd宣告定義了標準文件的型別,使瀏覽器使用相應的方式載入網頁並顯示,忽略dtd宣告,將進入怪異模式。

window.top.document.compatmode

css1compat 標準模式

backcompat 怪異模式

盒模型:在怪異模式下,盒模型為ie模型 。在標準模式下,盒模型為w3c模型。

行內元素的垂直對齊方式:標準模式下vertical-align屬性預設取值是baseline;怪異模式下vertical-align屬性預設取值是bottom。

字型樣式:標準模式下,**中的字型樣式會被繼承;怪異模式下,**中的字型樣式不會被繼承。

元素溢位的處理:標準模式下,overflow取值預設為visible;怪異模式下,當內容超出容器高度時,會把容器拉伸。

!important:標準模式下,ie7+認識 !important宣告;怪異模式下,ie6/7/8都不認識 !important宣告。

行內元素的寬高:標準模式下,給行內元素設定wdith和height都不會生效;怪異模式下會生效。

水平居中:使用margin:0 auto在標準模式下可以使元素水平居中,但在怪異模式下卻會失效。

怪異模式下,顏色值必須用十六進製制標記法。

瀏覽器標準模式和怪異模式

要想寫出跨瀏覽器的css,必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指,瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣,所以我們稱之為怪異模式。瀏覽器解析時到底使...

瀏覽器標準模式和怪異模式

現代的瀏覽器一般都有兩種渲染模式 標準模式和怪異模式,在標準模式下,瀏覽器按照html和css標準對文件進行解析和渲染 而在怪異模式下,瀏覽器則按照舊有的非標準的實現方式對文件進行解析和渲染,這樣的話,對於舊有的網頁,瀏覽器就會啟動怪異模式,就能夠使得舊網頁正常顯示 對於新的網頁,則可以啟動標準模式...

瀏覽器的怪異模式和標準模式

怪異模式是讓ie的行為更接近ie5,標準模式則是讓ie的行為更接近標準。所以想寫跨瀏覽器的css,盡量使用標準模式。解決方案就是採用doctype宣告,大多數瀏覽器採用下面的這些判斷規則 對於那些瀏覽器不能識別的doctype宣告,瀏覽器採用strict mode解析 在doctype宣告中,沒有使...