一.標(biāo)準(zhǔn)模式和怪異模式
標(biāo)準(zhǔn)模式就是瀏覽器按照HTML與CSS的標(biāo)準(zhǔn)對文檔進(jìn)行解析和渲染只壳。
怪異模式就是瀏覽器按照舊有的、非標(biāo)準(zhǔn)的實(shí)現(xiàn)方式對文檔進(jìn)行解析和渲染恒削。
如果存在一個(gè)完整的DOCTYPE則瀏覽器將會(huì)采用標(biāo)準(zhǔn)模式吠架，如果缺失就會(huì)采用怪異模式。
二.區(qū)別
1.盒模型
??在怪異模式下些己，瀏覽器的盒模型為IE盒模型；而在標(biāo)準(zhǔn)模式下嘿般。瀏覽器的盒模型則為標(biāo)準(zhǔn)盒模型段标。二者的區(qū)別在于對元素寬高的計(jì)算不一樣。
IE盒模型
??在IE盒模型下炉奴，width和height除了conten(內(nèi)容區(qū)域)的寬高外還包含了padding和border值逼庞。
??因此盒子寬度 = width + margin(左右)；(width = content + padding(左右) + border(左右))瞻赶；
????盒子高度 = height + margin(上下)赛糟；(height= content + padding(上下) + border(上下))；
標(biāo)準(zhǔn)盒模型
??在標(biāo)準(zhǔn)盒模型下砸逊，width和height就是content(內(nèi)容區(qū)域)的寬高璧南；
??因此盒子寬度 = width + margin(左右)+ padding(左右) + border(左右)；
????盒子高度 = height + margin(上下)+ padding(上下) + border(上下))师逸；
2.圖片的垂直對齊方式
??對于inline和table-cell的元素來說司倚，
????標(biāo)準(zhǔn)模式下vertical-align屬性的默認(rèn)值為baseline；
????怪異模式下vertical-align屬性的默認(rèn)值為bottom。
3.元素的溢出處理
??標(biāo)準(zhǔn)模式下overflow的默認(rèn)值為visible动知；
??怪異模式下元素溢出的內(nèi)容不會(huì)被裁減皿伺，元素的大小由其內(nèi)容決定，自動(dòng)調(diào)整盒粮。
4.內(nèi)聯(lián)元素的尺寸
??標(biāo)準(zhǔn)模式下inline元素是無法自定義設(shè)置寬高的心傀，而在怪異模式下width和height是可以影響其大小的。
5.table元素中的字體
??CSS中拆讯，對于font的屬性都是可以繼承的脂男，但是在怪異模式下，對于table元素种呐，字體的某些屬性將不會(huì)從body等其他元素中繼承得到宰翅，特別是font-size屬性。
6.元素的百分比寬度
??CSS中對于元素的百分比高度規(guī)定：百分比為元素包含塊的高度爽室，不可為負(fù)值汁讼；如果包含塊的高度沒有顯示給出，該值等同于auto阔墩，所以百分比的高度必須是在元素有高度聲明的情況下使用嘿架。
當(dāng)一個(gè)元素使用百分比高度是，標(biāo)準(zhǔn)模式下啸箫，高度取決于內(nèi)容變化耸彪，怪異模式下，百分比高度被準(zhǔn)確應(yīng)用
