現代的瀏覽器一般都有兩種渲染模式：標準模式和怪異模式，在標準模式下，瀏覽器按照html和css標準對文件進行解析和渲染；而在怪異模式下，瀏覽器則按照舊有的非標準的實現方式對文件進行解析和渲染，這樣的話，對於舊有的網頁，瀏覽器就會啟動怪異模式，就能夠使得舊網頁正常顯示；對於新的網頁，則可以啟動標準模式，使得新網頁能夠使用html和css的標準特性。
標準模式
怪異模式
給span等行內元素設定width和height無效。
有效margin:0 auto水平居中，在標準模式下沒有問題。
用margin:0 auto設定水平居中在怪異模式下會失效，解決辦法，用text-align屬性來解決
右邊的這些問題，在標準模式下均不會出現問題！
怪異模式下設定的padding會失效，怪異模式下table中的字型屬性不能繼承上層的設定怪異模式下white-space:pre會失效
瀏覽器標準模式和怪異模式
要想寫出跨瀏覽器的css，必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指，瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣，所以我們稱之為怪異模式。瀏覽器解析時到底使...
瀏覽器的怪異模式和標準模式
怪異模式是讓ie的行為更接近ie5，標準模式則是讓ie的行為更接近標準。所以想寫跨瀏覽器的css，盡量使用標準模式。解決方案就是採用doctype宣告，大多數瀏覽器採用下面的這些判斷規則 對於那些瀏覽器不能識別的doctype宣告，瀏覽器採用strict mode解析 在doctype宣告中，沒有使...
瀏覽器的標準模式和怪異模式
要想寫出跨瀏覽器的css，必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指，瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣，所以我們稱之為怪異模式。瀏覽器解析時到底使...