font
属性的快捷写法可以同时设置多个值,顺序如下,其中用斜体标注的属性是可选的:
font: *font-style* *font-variant* *font-weight* *font-stretch* *font-size[/line-height]* *font-family*;
解释一下各个属性:
font-style
: (可选) 字体的样式,例如normal
,italic
,oblique
。font-variant
: (可选) 字体的变体,例如normal
,small-caps
。font-weight
: (可选) 字体的粗细,例如normal
,bold
,100
,200
, ...,900
。font-stretch
: (可选) 字体的拉伸,例如normal
,ultra-condensed
,extra-condensed
,condensed
,semi-condensed
,semi-expanded
,expanded
,extra-expanded
,ultra-expanded
。 这个属性不太常用。font-size[/line-height]
: 必填 字体的大小,可以使用各种单位,例如px
,em
,rem
,pt
,%
等。 可以同时设置行高,用/
分隔,例如16px/24px
。font-family
: 必填 字体的系列,例如"Arial"
,"Helvetica"
,"sans-serif"
。 建议始终指定一个通用字体系列作为后备,例如sans-serif
,serif
,monospace
。
示例:
/* 设置字体为斜体、加粗、16px大小、行高24px、Arial字体 */
font: italic bold 16px/24px Arial, sans-serif;
/* 设置字体为小型大写字母、12px大小、Times New Roman字体 */
font: small-caps 12px "Times New Roman", serif;
/* 设置字体为正常、14px大小、Helvetica字体 */
font: 14px Helvetica, sans-serif;
重要提示:
font-size
和font-family
是必填项,其他属性都是可选的。- 如果省略了可选属性,它们将使用默认值。
- 使用快捷写法时,属性的顺序必须按照上面列出的顺序。
使用快捷写法可以更简洁地设置字体样式,但也需要注意属性的顺序和必填项。
希望这个解释对您有所帮助!
标签:sans,必填,serif,快捷,字体,font,写法,属性 From: https://www.cnblogs.com/ai888/p/18589910