HTML 和 CSS 是網(wǎng)頁設計中最常見的兩個技術，其中 HTML 負責頁面內(nèi)容的結構、語義化，而 CSS 則負責樣式的定義和布局。在 HTML 中使用標簽來表示元素的結構，CSS 中則通過選擇器來選擇需要修改樣式的元素。在 CSS 中，將選擇器和 CSS 屬性分開寫，在{}中進行樣式定義。

/* 以標簽名為選擇器 */
p {
font-size: 16px;
color: #333;
}
/* 以類名為選擇器 */
.red {
color: red;
}
/* 以 ID 名為選擇器 */
#title {
font-size: 24px;
font-weight: bold;
}
/* 以元素屬性為選擇器 */
input[type="submit"] {
background-color: #00a0fc;
color: #fff;
}
/* 以偽類為選擇器 */
a:hover {
text-decoration: underline;
color: #00a0fc;
}

除了上面這些選擇器，CSS 中還有其他選擇器，不同的選擇器可以組合起來使用，以達到更精確的選擇效果。比如，我們可以將標簽選擇器和類選擇器相結合，來選擇某一個 HTML 元素，如：

/* 選擇 class 為 red 的 p 標簽 */
p.red {
color: red;
}
/* 選擇 class 為 red 的 div 標簽里面的 p 標簽 */
div.red p {
color: red;
}

需要注意的是，CSS 樣式表中定義的樣式，是根據(jù)選擇器匹配 HTML 頁面中的元素，所以 HTML 中使用的標簽名和 CSS 中的選擇器名稱，必須是相同的才能起到匹配作用。