在網頁設計中，CSS（層疊樣式表）是非常重要的一部分。CSS 主要是用來把網頁的 HTML 結構與視覺效果分離開來的。這就意味著 CSS 與 HTML 是緊密結合的。
要在 HTML 中使用 CSS，我們需要在 HTML 文檔的 head 中添加一個樣式表的聲明，代表我們要使用一個 CSS 文件來定義樣式。通常情況下，這個文件會有一個 .css 的擴展名。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上面的代碼片段中，我們使用了 <link> 標簽將樣式表文件鏈接到頁面中。其中 type="text/css" 屬性指定了文件的 MIME 類型， href 屬性則指定了文件的 URL。
在樣式表中，我們使用選擇器來定義要添加樣式的 HTML 元素。比如要把頁面中的所有 <p> 元素變成紅色，我們可以這樣寫：
p {
color: red;
}在上面的代碼中，p 是選擇器，也叫做元素選擇器，它指定了要添加樣式的 HTML 元素是 <p>
一旦給 HTML 元素添加了 CSS 樣式，就能實現修改顏色、字體大小、背景等等效果。
如果要給一個特定的 HTML 元素添加樣式，可以使用 ID 選擇器或類選擇器。比如，如果要給 id 為 "header" 的區域添加背景顏色，可以這樣寫：
#header {
background-color: grey;
}上面的代碼中，#header 是 ID 選擇器，它指定了要添加樣式的 HTML 元素是 id 為 "header" 的元素。
如果要給某個 HTML 元素的某個部分添加樣式，可以使用類選擇器。比如，要給所有類名為 "description" 的元素添加樣式，可以這樣寫：
.description {
font-size: 12px;
}上面的代碼中，.description 是類選擇器，它指定了要添加樣式的 HTML 元素是所有類名為 "description" 的元素。
總之，CSS 是一種控制網頁樣式的強大工具，它與 HTML 緊密結合，使得我們可以輕松地為網頁添加視覺效果。