CSS 字体
在 CSS 中，字体相关的属性和设置非常重要，因为它们决定了网页上文本的外观。以下是一些常用的 CSS 字体相关属性和其用法：
1、font-family：
用于指定文本的字体系列。
可以设置一个或多个字体名称作为优先级列表，浏览器会按顺序寻找可用的字体。
示例：
body {
font-family: Arial, Helvetica, sans-serif;
}2、font-size：
用于设置文本的字体大小。
可以使用像素（px）、百分比（%）、em（相对于父元素的字体大小）、rem（相对于根元素的字体大小）等单位。
示例：
h1 {
font-size: 24px;
}
p {
font-size: 1.2em;
}3、font-weight：
用于设置字体的粗细。
常见的取值包括 normal（400）、bold（700）等。
示例：
strong {
font-weight: bold;
}
span {
font-weight: normal;
}4、font-style：
用于设置字体的样式，如斜体。
可以取值 normal（正常）、italic（斜体）等。
示例：
em {
font-style: italic;
}5、font-variant：
用于控制字体变体，如小型大写字母。
可以取值 normal（正常）、small-caps（小型大写字母）等。
示例：
p {
font-variant: small-caps;
}6、line-height：
用于设置行高（行间距）。
可以使用像素、em、百分比等单位。
示例：
p {
line-height: 1.5;
}7、text-align：
用于设置文本的水平对齐方式。
可以取值 left、right、center、justify等。
示例：
h1 {
text-align: center;
}8、text-decoration：
用于设置文本装饰效果，如下划线、删除线等。
可以取值 none（无装饰）、underline（下划线）、line-through（删除线）等。
示例：
a {
text-decoration: none;
}
del {
text-decoration: line-through;
}这些属性可以单独使用或者结合在一起，以控制文本的外观和排版效果，从而实现网页设计中的字体样式定制。