CSS 字体简写
在前面的章节中，我们了解到字体具备多种属性。为了简化代码，提升编写效率，这里引入了font属性。
在 CSS 设计中，font是一个超实用的简写属性，可同时设置多个字体相关属性，如字体样式、粗细、大小、行高及字体系列等。
使用该属性，能有效减少代码量，提升代码的简洁性和可维护性。
selector {
font: [font-style] [font-variant] [font-weight] font-size [/line-height] font-family;
}使用实例
下面通过完整形式和简写形式的对比实例，来深化你对font属性的理解。
/* 完整形式 */
p {
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
font-family: Arial, sans-serif;
}
/* 简写形式 */
p {
font: italic small-caps bold 16px/1.5 Arial, sans-serif;
}CSS 字体属性
为了方便用户查阅，下面列出了完整的字体属性列表。
| 属性 | 描述 |
|---|---|
| font | 简写属性，用于同时设置所有字体属性。 |
| font-family | 设置文本的字体系列（字体族） |
| font-size | 设置文本的字体大小 |
| font-style | 设置文本的字体样式 |
| font-variant | 设置是否以小型大写字母的字体显示文本 |
| font-weight | 设置字体的粗细 |
评论区 0
发表评论
教程介绍
CSS 层叠样式表（Cascading Style Sheets），一种用于为 HTML 或 XML 添加样式的语言。
36
章节
62
阅读
0
评论
反馈提交成功
感谢您的反馈，我们将尽快处理您的反馈