CSS 字体属性允许你控制文本的外观，包括字体家族、大小、样式、变形、间距等。以下是一些常用的字体属性及其用法。
font-family
介绍
font-family 属性用于设置文本的字体家族。
使用示例
p {
font-family: "Times New Roman", Times, serif;
}
说明
上述代码将设置 p 元素的字体为 "Times New Roman"，如果该字体不可用，则使用 Times 或 serif。
font-size
介绍
font-size 属性用于设置字体大小。
使用示例
p {
font-size: 16px;
}
说明
上述代码将设置 p 元素的字体大小为 16 像素。
font-style
介绍
font-style 属性用于设置字体的样式，如斜体。
使用示例
p {
font-style: italic;
}
说明
上述代码将设置 p 元素的字体样式为斜体。
font-weight
介绍
font-weight 属性用于设置字体的粗细。
使用示例
p {
font-weight: bold;
}
说明
上述代码将设置 p 元素的字体为粗体。
text-transform
介绍
text-transform 属性用于控制文本的大小写。
使用示例
p {
text-transform: uppercase;
}
说明
上述代码将设置 p 元素的文本为全部大写。
line-height
介绍
line-height 属性用于设置文本行的高度。
使用示例
p {
line-height: 1.5;
}
说明
上述代码将设置 p 元素的行高为 1.5 倍的字体大小。
letter-spacing
介绍
letter-spacing 属性用于设置字符间的间距。
使用示例
p {
letter-spacing: 2px;
}
说明
上述代码将设置 p 元素字符间的间距为 2 像素。
font
介绍
font 属性是一个简写属性，用于在一个声明中设置多个字体属性。
使用示例
p {
font: italic bold 16px/1.5 "Times New Roman", Times, serif;
}
说明
上述代码将设置 p 元素的字体样式、粗细、大小和行高。
常用推荐
font-family: 选择合适的字体家族可以大大提升网站的可读性和美观性。font-size: 保持字体大小的一致性有助于提高用户体验。line-height: 合适的行高可以使文本更易阅读。
希望这篇文章能帮助你更好地理解和使用 CSS 字体属性！
