在進行網頁設計的過程中，我們經常需要使用 CSS 來美化頁面樣式。在掌握基本的 HTML 語法后，學習 CSS 理所當然就成為了網頁設計的下一步。

CSS 的基本結構如下所示：

selector {
property: value;
property: value;
}

其中，selector 表示要應用這些樣式的 HTML 元素，property 表示 CSS 屬性，value 表示屬性的值。整個樣式的塊都放在花括號 {} 內。

selector 可以是 HTML 元素的名稱（如 p、h1、img 等），也可以是 HTML 元素的 ID 或 class。通過為 HTML 元素指定 ID 或 class，我們可以更精細地控制樣式。

例如，下面的代碼表示選擇 ID 為 "example" 的元素，并將其背景顏色設置為紅色：

#example {
background-color: red;
}

或者，選擇 class 為 "text" 的元素，并將其文字顏色設置為綠色：

.text {
color: green;
}

除了選擇器之外，CSS 屬性和值也是非常重要的。CSS 中有很多屬性和值，可以用來調整和美化頁面的樣式。

例如，下面的代碼將選中的元素邊框設置為 1px 的黑色實線：

selector {
border: 1px solid black;
}

CSS 還支持很多其他的屬性和值，如背景顏色、字體、行高、寬度等等。學習 CSS 的過程中，我們需要逐一掌握這些屬性和值，并根據實際需要靈活運用。