在前端界中，CSS（層疊樣式表）是必不可少的一部分。CSS 的作用是控制網(wǎng)頁(yè)的布局、顏色、字體等等。在編寫(xiě) CSS 時(shí)，我們可以設(shè)置 CSS 模式來(lái)方便我們的開(kāi)發(fā)。

CSS 有三種模式：標(biāo)準(zhǔn)模式（standards mode）、怪異模式或者稱(chēng)為兼容模式（quirks mode）和準(zhǔn)標(biāo)準(zhǔn)模式（almost standards mode)。在 HTML 的聲明中設(shè)置文檔的類(lèi)型可以決定使用哪種模式，如下所示：

標(biāo)準(zhǔn)模式是最嚴(yán)格的模式，使用最常見(jiàn)。怪異模式是為了兼容一些老的瀏覽器而存在，相比較標(biāo)準(zhǔn)模式，怪異模式處理 CSS 的方式有所不同。準(zhǔn)標(biāo)準(zhǔn)模式是介于標(biāo)準(zhǔn)模式和怪異模式之間的一種模式。在開(kāi)發(fā)過(guò)程中，我們一般會(huì)使用來(lái)將文檔設(shè)置為標(biāo)準(zhǔn)模式。

除了在 HTML 中設(shè)置文檔類(lèi)型，也可以通過(guò)設(shè)置 HTTP 頭中的 Content-Type 來(lái)達(dá)到同樣的效果，如下所示：

Content-Type:text/html;charset=utf-8

通過(guò)設(shè)置 CSS 的模式，我們可以更好地進(jìn)行開(kāi)發(fā)。如果我們對(duì)不同模式的定義不了解，可能會(huì)導(dǎo)致在不同瀏覽器下出現(xiàn)布局、顏色等方面的問(wèn)題。因此，學(xué)會(huì)如何設(shè)置 CSS 的模式是學(xué)習(xí) CSS 的必備技能之一。