在CSS中,我们可以使用class属性来为元素定义一个类名,以方便在样式中对这些元素进行统一的设置。
class属性的写法非常简单,它的格式如下:
.class-name { /* 样式代码 */ }
其中,".class-name"就是我们定义的类名,它需要写在一个类选择器的格式中。
class名的命名应该遵循一些规则:
- 应该以字母开头,不应使用数字或特殊字符作为开头
- 应该使用有意义的名称,而不是"div1"、"div2"这类无意义的名称
- 可以使用中划线或下划线进行单词分隔
- 应该使用小写字母,不应该使用大写字母
下面是一些实际的class名的例子:
.header { /* 样式代码 */ } .sidebar-menu { /* 样式代码 */ } .list-item { /* 样式代码 */ }
定义好class名之后,我们可以在HTML中使用这个class来对元素进行设置,写法如下:
<div class="class-name"> /* 内容 */ </div>
这样,我们就把这个div元素归为了"class-name"这个类中,并可以通过这个类来对其进行统一的样式设置。