在CSS中，我們可以通過(guò)id和類來(lái)為HTML元素添加樣式。id是一個(gè)單獨(dú)的標(biāo)識(shí)符，而類則是一組元素的共同標(biāo)識(shí)符。

#id {
/* 樣式代碼 */
}
.class {
/* 樣式代碼 */
}

在代碼中，用“#”符號(hào)來(lái)表示id選擇器，用“.”符號(hào)來(lái)表示類選擇器。當(dāng)我們給一個(gè)HTML元素添加id時(shí)，可以在CSS中使用該id來(lái)為這個(gè)元素設(shè)置樣式。

<div id="header">
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落</p>
</div>
#header {
background-color: #333;
color: #fff;
}

上面的代碼給div元素添加了id為“header”，并通過(guò)CSS來(lái)為header元素設(shè)置了背景色和文字顏色。

類選擇器與id選擇器不同的地方在于，類可以同時(shí)用于多個(gè)元素，而id只能用于單個(gè)元素。

<div class="container">
<div>內(nèi)容1</div>
<div>內(nèi)容2</div>
<div>內(nèi)容3</div>
</div>
.container div {
margin: 10px;
}

上面的代碼中，我們?yōu)閐iv容器添加了類名為“container”，并且通過(guò)CSS為這個(gè)類中的所有div元素設(shè)置了margin屬性。

總之，在CSS中使用id和類選擇器可以為HTML元素添加有區(qū)別的樣式，讓頁(yè)面呈現(xiàn)出更加美觀的效果。