css字体样式总结表 |div css制作菜单

.font-style{
font-family: 'Arial', sans-serif;  //字体类型
font-size: 16px;  //字体大小
color: #333;  //字体颜色
font-weight: 400;  //字体粗细
line-height: 1.5;  //行高
text-align: left;  //对齐方式
text-decoration: none;  //字体装饰
}

首先，大家定义了一个类名为font-style，用来承载大家的字体样式。然后，大家设置了字体的类型为Arial，这是一个常见的 sans-serif 字体。当然，你也可以根据自己的需要来修改字体类型。接着，大家设置了字体的大小为16px，字体颜色为#333，粗细为400，行高为1.5，对齐方式为左对齐，字体装饰为无（即不加下划线、删除线等）。

然后，大家来看一下如何应用这个字体样式总结表。在HTML中，大家可以通过添加class属性来应用该样式，如下所示。

<p class="font-style">这是一段使用字体样式总结表的文字。</p>

在上面的代码中，大家添加了class属性并设置为之前定义的样式名font-style，这样这段文字就会应用大家之前定义的字体样式。

综上所述，通过定义一个字体样式总结表，大家可以方便地统一管理多个文本的字体样式，减少代码冗余，并且代码更易于维护。