在 CSS 中,font 属性可以控制文本的字体、字号、字重、风格和行高。由于 font 属性中的属性值比较多,为提高编码效率,可以使用缩写顺序方式来设置。下面是缩写顺序:font: ;1. font...
在 CSS 中,font 属性可以控制文本的字体、字号、字重、风格和行高。由于 font 属性中的属性值比较多,为提高编码效率,可以使用缩写顺序方式来设置。下面是缩写顺序:font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family];1. font-style
font-style 属性用于设置文本字体的风格,如斜体或正常字体。其可选值为 normal、italic 或 oblique。
例如,font-style: italic;。2. font-variant
font-variant 属性用于设置字体的修饰,如小型大写字母。它的可选值有 normal、small-caps 等。
例如,font-variant: small-caps;。3. font-weight
font-weight 属性用于设置字体的宽度,如正常或粗体字。可选值有 normal、bold、bolder 和 lighter 等。
例如,font-weight: bold;。4. font-size / line-height
font-size 属性用于设置文本字体的大小,如 12px 或 2em。line-height 属性用于设置行高,如 normal、1.5 或 24px 等。
例如,font-size: 16px; line-height: 1.5;。5. font-family
font-family 属性用于设置字体的名称。其可选值为具体的字体名称或字体族名称。
例如,font-family: "微软雅黑", sans-serif;。以上就是 font 属性缩写的顺序,按照这个顺序来设置 font 属性可以大大提高编码效率。