例如,大家可以使用以下代码定义两个class,分别为文字颜色为红色的.red-text和背景颜色为绿色的.green-background:
<style type="text/css">
.red-text {
color: red;
}
.green-background {
background-color: green;
}
</style>
接着,大家可以在需要使用这些样式的元素中添加指定的class:
<p class="red-text">这段文字将会变成红色</p>
<div class="green-background">这个div的背景将会变成绿色</div>
使用class可以使页面的样式更清晰明了,也便于维护。同时,大家还可以通过CSS选择器对不同的class进行组合使用,实现更多样的效果。