當(dāng)你在瀏覽器上打開一個網(wǎng)頁時，網(wǎng)頁中的內(nèi)容和樣式都由HTML和CSS來控制。其中，CSS就是一種樣式表語言，用于設(shè)計和描述網(wǎng)頁的外觀和布局。

CSS的工作原理如下：
1. 瀏覽器讀取HTML代碼，并加載CSS文件。
2. 瀏覽器解析HTML代碼，將標(biāo)記轉(zhuǎn)換為DOM樹。
3. 瀏覽器根據(jù)CSS選擇器，從CSS文件中讀取相應(yīng)的樣式規(guī)則。
4. 瀏覽器將相應(yīng)的樣式應(yīng)用于DOM樹中的元素。
5. 瀏覽器繪制出最終的網(wǎng)頁。
例如，以下是一個簡單的CSS樣式表：

p {
font-size: 16px;
color: #333;
margin-bottom: 10px;
}

上面的代碼表示應(yīng)用于所有的p標(biāo)簽，設(shè)置字體大小為16像素，顏色為深灰色，下外邊距為10像素。

在網(wǎng)頁中，可以通過各種方式來讀取CSS樣式。例如：

• 通過內(nèi)聯(lián)樣式表，將樣式直接寫在HTML標(biāo)記中。
• 通過內(nèi)部樣式表，在HTML文檔的頭部定義樣式表。
• 通過外部樣式表，在單獨的CSS文件中定義所有樣式，并在HTML文檔中引用這個文件。

無論是哪種方式，瀏覽器最終都會將樣式應(yīng)用到網(wǎng)頁中的元素上，并顯示出最終的樣式效果。