font 属性是用于设置文本字体样式的 CSS 属性。它可以同时设置字体族(font family)、字体大小(font size)、字体粗细(font weight)、字体样式(font style)和行高(line height)等。以下是 font 属性的一些常见用法和相关属性:

1. 设置字体族(Font Family):
   - font-family:定义文本所使用的字体族。可以指定一个字体族,也可以提供一个字体族列表,以便在列表中找到第一个可用的字体。
     body {
       font-family: "Arial", sans-serif;
     }

2. 设置字体大小(Font Size):
   - font-size:定义文本的字体大小。可以使用绝对单位(如像素)或相对单位(如 em 或 rem)。
     h1 {
       font-size: 24px;
     }

3. 设置字体粗细(Font Weight):
   - font-weight:定义文本的字体粗细。常见值包括 normal、bold,也可以使用数值表示粗细程度。
     p {
       font-weight: bold;
     }

4. 设置字体样式(Font Style):
   - font-style:定义文本的字体样式,如斜体。
     em {
       font-style: italic;
     }

5. 设置行高(Line Height):
   - line-height:定义行与行之间的高度。可以使用数字、百分比、相对单位或绝对单位。
     p {
       line-height: 1.5;
     }

6. 整合 font 属性:
   - font:font 属性可以用来一次性设置字体族、字体大小、字体粗细、字体样式和行高。
     h2 {
       font: italic bold 20px/1.5 "Times New Roman", serif;
     }

这些属性可以根据需要单独使用,也可以组合在一起以便更方便地设置文本样式。需要注意的是,font 属性中的各个值的顺序是有特定意义的,按照字体大小、字体样式、字体粗细、字体族的顺序排列。


转载请注明出处:http://www.zyzy.cn/article/detail/4188/CSS