在 CSS 中,class 是一个用来自定义样式的属性。定义一个 class 很简单,你只需要在 CSS 文件中添加一个以 . 开头的 class 名称,然后在 HTML 标签中添加这个 class
在 CSS 中,class 是一个用来自定义样式的属性。定义一个 class 很简单,你只需要在 CSS 文件中添加一个以 "." 开头的 class 名称,然后在 HTML 标签中添加这个 class 名称即可。
/* 定义一个 class */ .my-class { color: red; } /* 使用 class */ <p class="my-class">这是一段红色的文字</p>
上面的代码中,我们定义了一个名为 "my-class" 的 class,它的颜色为红色。在 HTML 中引用这个 class 只需要在相应的标签中添加 "my-class" 即可。
同时,可以在一个 HTML 标签中添加多个 class,只需用空格隔开即可。如下:
<p class="my-class another-class">这是一段红色且加粗的文字</p>
上面的代码中,我们在 <p> 标签中添加了两个 class: "my-class" 和 "another-class"。在 CSS 文件中,这两个 class 可以分别定义自己的样式:
/* 定义 "my-class" 的样式 */ .my-class { color: red; } /* 定义 "another-class" 的样式 */ .another-class { font-weight: bold; }
这样,在 HTML 中同时引用这两个 class 的标签会应用两个 class 的样式。
粉丝
0
关注
0
收藏
0