CSS是一種常用的網(wǎng)頁樣式表語言,常用于美化網(wǎng)頁。在CSS中,有一個非常重要的概念就是class。在HTML中,class可以為元素添加樣式。下面我們來介紹一下CSS中兩個class的使用方法。
.class1 {
color: red;
font-size: 18px;
}
.class2 {
background-color: blue;
font-weight: bold;
}
上面代碼中,我們定義了兩個class,分別為class1和class2。class1中設(shè)置了文本顏色為紅色,字號為18px;class2中設(shè)置了背景色為藍(lán)色,文本加粗。接下來我們可以讓網(wǎng)頁中的元素分別使用這兩個class。
<p class="class1">這是一個使用了class1的段落</p>
<p class="class2">這是一個使用了class2的段落</p>
上面代碼中,我們使用了p標(biāo)簽來創(chuàng)建兩個段落,并讓它們分別使用了class1和class2。這樣一來,第一個段落的文本顏色變?yōu)榱思t色且字號為18px,而第二個段落的背景色變?yōu)榱怂{(lán)色且文本加粗。
可以看到,CSS中的class可以讓我們輕松為網(wǎng)頁元素添加樣式。如果需要添加多種不同的樣式效果,我們只需要在CSS中繼續(xù)定義不同的class,然后在HTML中將它們應(yīng)用在不同的元素上就行了。