在編寫網(wǎng)頁時,我們通常會使用CSS樣式來美化網(wǎng)頁,而CSS樣式中最常用的一個概念就是class。class可以理解為一種CSS樣式的名稱,我們可以在HTML標(biāo)簽中使用這個名稱來為該標(biāo)簽設(shè)置樣式。
<div class="container">
<p class="text">這是一個段落</p>
</div>
在上面的代碼中,我們?yōu)橐粋€div
標(biāo)簽添加了名為container
的class,并為嵌套其中的一個p
標(biāo)簽添加了名為text
的class,這樣我們就可以在CSS樣式中使用.container
和.text
來分別為這兩個標(biāo)簽設(shè)置樣式。
使用class可以很方便的為頁面的不同元素設(shè)置不同的樣式,例如我們可以為所有的標(biāo)題設(shè)置同樣的樣式,為所有的按鈕設(shè)置同樣的樣式等等。為了避免樣式混亂,我們應(yīng)當(dāng)給每個元素指定唯一的class,確保樣式只被應(yīng)用在該元素上。
除了使用class,我們還可以使用標(biāo)簽名、ID等方式為HTML元素添加樣式,但class是最常用的一種方式,應(yīng)在編寫網(wǎng)頁時熟練掌握。