在CSS中,類名是一種很常見的用法,通常以一個“.”(點號)作為標識符的前綴,例如:
.classOne { color: blue; }
使用類名來設置一組元素的共同樣式非常方便。我們可以將多個元素的類名設置為相同的值,然后定義一個樣式規則,以設置這些元素的共同樣式。例如:
.btn { background-color: red; color: white; font-size: 14px; }
上面的代碼將設置所有類名為“btn”的元素的背景色為紅色,字體顏色為白色,字號為14像素。這在網站布局中非常有用,可以輕松地將一組元素設置為同一種風格。
類名不一定要以“.”作為前綴,有些人喜歡以“-”作為前綴,例如:
-classOne { color: blue; }
盡管這種寫法比較少見,但也是合法的,只要在定義樣式規則時使用正確的前綴即可。
總之,使用類名可以方便地對一組元素進行樣式設置,可以使得頁面布局更加清晰簡潔,讓網站更加美觀。