CSS 字体属性
字体属性
为了缩短代码,也可以在一个属性中指定所有单个字体属性。
font 属性是以下属性的简写属性:
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
使用简写声明设置一些字体属性:
<!DOCTYPE html>
<html>
<head>
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>
<h1>字体简写方式</h1>
<p class="a">这是一段。字体大小设置为20像素,字体系列为 Arial.</p>
<p class="b">这是一段。字体设置为斜体和粗体,字体大小设置为12像素,行高设置为30像素,字体系列为 Georgia.</p>
</body>
</html>
注意:font-size 和 font-family 的值是必需的。如果缺少其他值之一,则会使用其默认值。
所有 CSS 字体属性
属性 | 描述 |
---|---|
font | 简写属性。在一条声明中设置所有字体属性。 |
font-family | 规定文本的字体系列(字体族)。 |
font-size | 规定文本的字体大小。 |
font-style | 规定文本的字体样式。 |
font-variant | 规定是否以小型大写字母的字体显示文本。 |
font-weight | 规定字体的粗细。 |