CSS（Cascading Style Sheets）是一種用于設(shè)計(jì)網(wǎng)頁(yè)樣式的語(yǔ)言，能夠讓網(wǎng)頁(yè)變得更加美觀且易于閱讀。通過(guò)使用CSS，我們可以將網(wǎng)頁(yè)的內(nèi)容與它的樣式分離開(kāi)來(lái)。

使用CSS的一種方法是通過(guò)向HTML元素添加樣式屬性，例如：將字體顏色設(shè)置為紅色。不過(guò)這種方法有一個(gè)缺點(diǎn)，就是在很多地方都需要修改相同的樣式，這就會(huì)變得非常麻煩。

為了解決這個(gè)問(wèn)題，CSS引入了“樣式類”（class）的概念。樣式類可以在CSS文件中定義，然后在HTML元素中引用。這樣，在需要修改樣式時(shí)，只需要修改CSS文件中的樣式類，就可以同時(shí)修改所有引用了這個(gè)類的HTML元素。

//定義樣式類
.my-class {
font-size: 16px;
color: blue;
}
//引用樣式類
<div class="my-class">
這是一個(gè)具有樣式類的DIV元素
</div>

上面的代碼演示了如何定義一個(gè)名為“my-class”的樣式類，并將其應(yīng)用于一個(gè)DIV元素。在這個(gè)樣式類中，將字體大小設(shè)置為16像素，字體顏色設(shè)置為藍(lán)色。

我們可以根據(jù)需要使用任意數(shù)量的樣式類來(lái)定義一個(gè)HTML元素的樣式。只需在元素中添加多個(gè)class屬性即可。例如：

//定義樣式類
.my-class {
font-size: 16px;
color: blue;
}
.my-other-class {
background-color: gray;
}
//引用樣式類
<div class="my-class my-other-class">
這是一個(gè)具有兩個(gè)樣式類的DIV元素
</div>

上面的代碼演示了如何同時(shí)使用兩個(gè)樣式類來(lái)定義一個(gè)DIV元素的樣式。在這些樣式類中，字體大小、字體顏色和背景顏色都被修改了。

總之，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，使用CSS樣式類可以讓我們更高效地管理網(wǎng)頁(yè)的樣式。通過(guò)使用樣式類，我們可以避免重復(fù)勞動(dòng)，并且在需要更改樣式時(shí)，可以只在CSS文件中進(jìn)行修改。