在使用CSS時,有時我們需要針對不同元素添加不同的樣式,而這些樣式可能有很多相同的屬性,如果每次都重復寫一遍這些屬性,不僅麻煩而且容易出錯。這時我們可以使用“類”來解決這個問題。
類是CSS提供的一種用于對元素分組的松散機制。通過為一組元素定義相同的類名稱,我們可以在CSS中一次性地為它們配置樣式。
在HTML中,我們可以為元素定義class屬性,并將其賦值為我們想要的類名。例如:
<div class="box"></div> <button class="btn">提交</button>
在CSS中,我們可以使用"."符號來表示類名,如下:
.box { width: 100px; height: 100px; background-color: red; } .btn { background-color: blue; color: white; padding: 5px 10px; border-radius: 5px; }
這樣,所有class屬性為“box”的元素都會應用上述box類的樣式,所有class屬性為“btn”的元素都會應用上述btn類的樣式。
使用類不僅可以提高CSS編寫的效率,還可以使我們對頁面的樣式進行更好地組織和管理,使代碼更加清晰易懂。
上一篇php status