css定义一个class

CSS（层叠样式表）是定义文档样式的语言，用于控制网页的布局、字体、颜色等风格

在CSS中，我们可以为元素定义class，以便在HTML文档中通过这个class来选定元素，然后为其设置样式

    .my-class {
        color: red;
        background-color: yellow;
        font-size: 18px;
        border: 1px solid black;
    }

在上面的代码中，我们使用了"."符号来表示我们要定义一个class，后面跟着的"my-class"是我们定义的class的名称

在大括号中，我们可以设置一系列的样式来控制这个class所选中的元素。在这个例子中，我们设置了文字颜色为红色，背景颜色为黄色，字体大小为18像素，以及边框为1像素的黑色实线边框

在HTML文档中，我们可以通过在元素的class属性中设置该class的名称来选中元素并应用上述样式

    <div class="my-class">
        这是一个采用了my-class样式的div元素
    </div>

在上面的代码中，我们通过<div>元素的class属性指定了它采用了名为"my-class"的样式

通过这样的方式，我们就可以轻松地定义和使用class来控制多个元素的样式，从而使我们的网页看起来更美观、整洁