码农教程 - 一技在手,衣食无忧! tools

目录

CSS 字体简写

❮ 上一节 下一节 ❯

CSS 字体简写

为了缩短代码，还可以在一个属性中指定所有单独的字体属性。

这个fontproperty 是以下属性的简写：

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

笔记：这个font-size和font-family值是必需的。如果缺少其他值之一，则使用它们的默认值。

示例

使用font在一个声明中设置多个字体属性：

p.a {
  font: 20px Arial, sans-serif;
}

p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}
亲自试一试 »

通过练习测试一下

练习:

将 <h1> 的字体设置为"Verdana"。

<style>
h1 {
  : Verdana;
}
</style>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph</p>
</body>

开始练习

所有 CSS 字体属性

Property Description
font Sets all the font properties in one declaration
font-family Specifies the font family for text
font-size Specifies the font size of text
font-style Specifies the font style for text
font-variant Specifies whether or not a text should be displayed in a small-caps font
font-weight Specifies the weight of a font

❮ 上一节 下一节 ❯