css 定义类样式的方法

CSS（Cascading Style Sheets 级联样式表）是用来定义网页布局和样式的一种标记语言。在前端开发中，样式是一个非常重要的因素，可以通过 CSS 来定义网页的显示效果。CSS 的编写方式有很多种，其中一种比较常用的方式就是定义类样式。

  .class-name {
    property: value;
  }

在 CSS 中定义类样式需要使用 “.” 符号来表示，后面跟上类名，用 “{ }” 括起来的是样式代码块。在样式代码块中，我们可以定义一些属性和属性值，属性和属性值之间使用 “:” 分隔。使用类样式的好处是，可以将多个元素归类为同一种样式，可以简化代码，方便后期维护。

定义类样式的时候，需要给元素指定相应的类名，类名需要以 “.” 开头，放在元素的 class 属性中。如下所示：

  <p class="class-name"> 这里是文本内容 </p>

每个类样式可以被多个元素所使用，而且同一个元素也可以拥有多个类。因此，类样式的定义非常灵活，可以满足各种前端开发需要。