font 是 CSS 中用于设置字体相关属性的缩写属性,它用于同时设置字体系列、字体大小、字体样式和字体粗细等属性。

具体的使用方式如下:
/* 语法 */
font: [font-style] [font-variant] [font-weight] font-size/line-height font-family | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit;

/* 示例 */
body {
  font: italic small-caps bold 16px/1.5 'Arial', sans-serif;
}

在上述示例中,font 属性包括以下部分:

  •  [font-style]: 字体风格,比如 italic(斜体)。

  •  [font-variant]: 字体变体,比如 small-caps(小型大写字母)。

  •  [font-weight]: 字体粗细,比如 bold(粗体)。

  •  font-size: 字体大小,比如 16px。

  •  line-height: 行高,比如 1.5。

  •  font-family: 字体系列,比如 'Arial', sans-serif。


这个属性允许你在一个声明中设置所有字体相关的属性,使得代码更简洁。

注意,每个部分都是可选的,但如果省略某些部分,则必须保留斜线 / 和之后的值,且字体大小是必须的。例如,如果只想设置字体大小和字体系列,可以这样写:
font: 16px 'Arial', sans-serif;


转载请注明出处:http://www.pingtaimeng.com/article/detail/6073/CSS