CSS 是一種用于網頁樣式設計的語言，它可以讓我們的網頁更加美觀、易讀和易用。在 CSS 中，樣式是由屬性和屬性值組成的，這些屬性和屬性值被定義到一些 CSS 規則中。下面是一個簡單的 CSS 規則示例：

selector {
property1: value1;
property2: value2;
...
}

在這個示例中，`selector` 是 CSS 規則的選擇器，它描述了這個規則適用于哪些 HTML 元素。`property` 是 CSS 屬性名，`value` 是屬性值。選擇器、屬性名和屬性值之間用冒號分隔，每個屬性之間用分號分隔。下面我們來分別介紹一下這三個部分。

選擇器

選擇器用于描述規則適用的 HTML 元素。在選擇器中，使用 `#` 符號可以表示 ID 選擇器，使用 `.` 符號可以表示類選擇器。常用的選擇器還有標簽選擇器、子元素選擇器、后代選擇器等。下面是一些常用的選擇器示例：

#header {
...
}
.banner {
...
}
h1 {
...
}
div >p {
...
}
nav li a {
...
}

屬性

屬性是 CSS 的核心部分，它們用于定義 HTML 元素的樣式。CSS 屬性名通常與 HTML 元素屬性名是一致的，其中一些重要的 CSS 屬性還有 `font`、`color`、`background`、`border`、`margin`、`padding` 等。下面是一些示例：

font-size: 16px;
color: #333;
background-color: #f2f2f2;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 5px;

屬性值

屬性值是用來描述屬性的取值范圍的，它們可以是數字、文本、十六進制顏色值、rgb 顏色值等。下面是一些示例：

font-size: 16px;
color: #333;
background-color: #f2f2f2;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 5px;

在 CSS 中，我們還可以使用類、偽類、偽元素等一些高級選擇器和特殊屬性來優化和簡化 CSS 規則，這些內容超出了本文的范圍。好的 CSS 代碼能夠使網頁更加整潔，易讀易用，所以掌握 CSS 是非常重要的。希望這篇文章能對讀者有所幫助。