在CSS中,我們可以使用class屬性來為元素定義一個類名,以方便在樣式中對這些元素進行統一的設置。
class屬性的寫法非常簡單,它的格式如下:
.class-name { /* 樣式代碼 */ }
其中,".class-name"就是我們定義的類名,它需要寫在一個類選擇器的格式中。
class名的命名應該遵循一些規則:
- 應該以字母開頭,不應使用數字或特殊字符作為開頭
- 應該使用有意義的名稱,而不是"div1"、"div2"這類無意義的名稱
- 可以使用中劃線或下劃線進行單詞分隔
- 應該使用小寫字母,不應該使用大寫字母
下面是一些實際的class名的例子:
.header { /* 樣式代碼 */ } .sidebar-menu { /* 樣式代碼 */ } .list-item { /* 樣式代碼 */ }
定義好class名之后,我們可以在HTML中使用這個class來對元素進行設置,寫法如下:
<div class="class-name"> /* 內容 */ </div>
這樣,我們就把這個div元素歸為了"class-name"這個類中,并可以通過這個類來對其進行統一的樣式設置。