在CSS中,我們可以使用類名來(lái)定義和引用樣式,類名可以添加到HTML元素中,以改變?cè)撛氐臉邮?,在CSS中,類名以點(diǎn)號(hào)(.)開頭,后面跟著類名的名稱,我們可以定義一個(gè)類名為“myClass”的樣式,然后將這個(gè)類名添加到HTML元素中。
在HTML中,我們可以通過(guò)“class”屬性來(lái)添加類名,我們可以將一個(gè)類名為“myClass”的樣式添加到所有的段落(p)元素中:
<p class="myClass">這是一個(gè)段落。</p>
在這個(gè)例子中,“myClass”就是類名,所有的段落元素(p)都會(huì)應(yīng)用這個(gè)類名所定義的樣式。
在CSS中,我們可以定義類名為“myClass”的樣式:
.myClass { color: red; font-size: 16px; }
在這個(gè)例子中,“myClass”就是類名,后面的大括號(hào)({})里面是樣式的定義,這個(gè)類名會(huì)應(yīng)用到所有添加了“class='php1994-c298-44e9-821b-3bbd myClass'”屬性的HTML元素中,改變這些元素的樣式。
需要注意的是,類名可以添加到任何HTML元素中,不僅僅是段落(p)元素,一個(gè)元素可以添加多個(gè)類名,用空格隔開。
<div class="myClass anotherClass">這是一個(gè)div元素。</div>
在這個(gè)例子中,“myClass”和“anotherClass”都被添加到了div元素中,這兩個(gè)類名所定義的樣式都會(huì)應(yīng)用到這個(gè)div元素中。