在 CSS 樣式設(shè)置中，class 是一個非常常用的屬性。它可以給 HTML 元素添加類別名稱，實現(xiàn)不同樣式的區(qū)分和設(shè)置。我們可以通過 class 屬性來為選定的 HTML 元素添加樣式。下面我們來看一下如何使用 class 來設(shè)置樣式。

/* 通過類名設(shè)置樣式 */
.className {
color: red;
font-size: 20px;
}
/* 在 HTML 中添加類名 */
<p class="className">Hello world!</p>

在上述示例中，我們首先定義了一個名為 .className 的 CSS 樣式，在里面設(shè)置了文字顏色和字體大小。然后，在 HTML 中添加了一個 p 標(biāo)簽，其中的 class 屬性值設(shè)置為 "className"，這樣這個 p 標(biāo)簽的文字顏色就會變?yōu)榧t色，并且字號變成了 20px。

我們還可以通過組合多個 class 指定同時擁有多個類樣式的元素。下面的示例中，我們定義了兩個不同的 class 類樣式，然后在 HTML 元素的 class 屬性中同時指定這兩個類名，從而實現(xiàn)多個樣式疊加的效果。

/* 定義類樣式 */
.className1 {
color: red;
}
.className2 {
font-size: 20px;
}
/* 在 HTML 中添加類名 */
<p class="className1 className2">Hello world!</p>

在這個示例中，我們分別定義了兩個類樣式，分別設(shè)置了文字顏色和字體大小。然后在 HTML 中添加了一個 p 標(biāo)簽，它的 class 屬性值為 "className1 className2"，這樣這個 p 標(biāo)簽就擁有了兩個類樣式，實現(xiàn)了疊加兩個樣式的效果。

總的來說，class 是 CSS 樣式設(shè)置中一個非常值得使用的屬性。通過不同的類名組合，我們可以輕松實現(xiàn)各種不同樣式的設(shè)置。學(xué)好使用 class，可以讓你的網(wǎng)頁樣式更加多樣化和優(yōu)雅。