CSS樣式表中的id和class是常用的選擇器，可以對HTML元素進行樣式設置。下面分別介紹它們的用法和區別。

#id-selector {
color: blue;
font-size: 20px;
}
.class-selector {
color: red;
font-size: 16px;
}

一、id選擇器

id選擇器使用#符號后跟元素id名稱作為選擇器名稱，該選擇器只能選中頁面中唯一的一個元素。比如：

<div id="header">
<h1>This is heading</h1>
</div>

上述代碼中，id為header的div元素可以通過以下樣式設置文字顏色和字體大小：

#header {
color: blue;
font-size: 20px;
}

二、class選擇器

class選擇器使用.符號后跟類名作為選擇器名稱，同樣的類名可以應用在多個元素上。比如：

<p class="message">This is a message.</p>
<p class="message">This is another message.</p>

上述代碼中，類名為message的p元素可以通過以下樣式設置文字顏色和字體大小：

.message {
color: red;
font-size: 16px;
}

三、id選擇器和class選擇器的區別

1. 應用范圍：id選擇器只能應用于一個元素，而class選擇器可以應用于多個元素。

2. 權重大小：id選擇器的權重大于class選擇器。

3. 命名規則：id選擇器命名必須唯一，而class選擇器命名可以重復。

總之，id選擇器和class選擇器在CSS樣式表中發揮著不同的作用，需要根據實際需求進行選擇使用。