具体的使用方式如下:
/* 语法 */
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