CSS中套用class |css三个模块平均分布

.my-class {
color: red;
font-size: 16px;
font-family: Arial, sans-serif;
}

上面的代码定义了一个名为“my-class”的class，它包含了三个样式规则——颜色、字号和字体。任何套用了这个class的元素都会按照这些规则进行样式渲染。

在HTML中，大家可以通过给元素的class属性赋值来套用class。例如，如果大家想要将一个段落的样式设置为“my-class”，那么只需要这样写：

<p class="my-class">这是一个示例段落</p>

这会使这个段落变成红色字体、16px字号、Arial字体的效果。

值得注意的是，一个元素可以同时套用多个class。大家只需要在class属性中添加多个class名，用空格隔开即可。例如，如果大家想要添加一个特殊的背景色和边框的样式，大家可以这样定义一个新的class：

.special-class {
background-color: yellow;
border: 1px solid black;
}

然后，在HTML中将这个class与原本的class组合起来使用：

<p class="my-class special-class">这是一个示例段落</p>

这样做可以在原有样式的基础上添加新规则，以达到特殊的效果。