CSS（層疊樣式表）是一種為網(wǎng)頁(yè)添加美觀樣式和布局的語(yǔ)言。CSS 文件中的代碼定義了網(wǎng)頁(yè)上的元素（例如文字、圖像和背景）如何顯示和交互。下面我們來(lái)看一下 CSS 是如何工作的。
首先，在 HTML 中通過(guò)將<link>標(biāo)簽插入到<head>標(biāo)簽中將 CSS 文件與網(wǎng)頁(yè)相關(guān)聯(lián)：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上面的代碼意味著網(wǎng)頁(yè)要使用額外的樣式信息，來(lái)自名為style.css的外部文件。這也讓網(wǎng)頁(yè)上的 HTML 元素與相應(yīng)的 CSS 樣式分離，使得他們各自專注于特定的任務(wù)。
接下來(lái)，CSS 樣式表的規(guī)則定義 HTML 元素的樣式和屬性。示例如下：
h1 {
color: red;
font-size: 36px;
}上面的代碼表示，在網(wǎng)頁(yè)上的所有 <h1> 標(biāo)簽中都使用這些樣式規(guī)則。在這種情況下，標(biāo)題將以紅色字體在 36 像素大小的字體中呈現(xiàn)。
最后，瀏覽器就開(kāi)始將 CSS 樣式應(yīng)用于 HTML 元素。當(dāng)用戶瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)首先讀取 HTML，并查找與其關(guān)聯(lián)的 CSS 文件。一旦瀏覽器找到并檢索 CSS 文件，它會(huì)將樣式信息應(yīng)用于相應(yīng)的 HTML 元素。
這就是 CSS 如何工作的基本原理?？偨Y(jié)來(lái)看，CSS 在網(wǎng)頁(yè)中的作用就是為每個(gè) HTML 元素賦予特定的樣式和布局效果，以使網(wǎng)頁(yè)更加美觀、易于閱讀和交互。