现在知道font属性样式怎么简写了哈哈

224 阅读1分钟

font: font-style | font-variant | font-weight | font-size | line-height | font-family;

  • font-style(字体样式):  normal(正常)、italic(斜体)或oblique(倾斜);
  • font-variant (字体变化):  normal(正常)或small-caps(小体大写字母);
  • font-weight (字体粗细):  是normal(正常)或bold(加粗)。有些采用100到900之间的数字;
  • font-size(字体大小):  可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em
  • line-height(行高) (只能在font-size后面以/接上,如果16px/24px,表示字体16px, 24line-height);
  • font-family(字体族):  “Arial”、“Times New Roman”、“宋体”、“黑体”等;

font缩写,必须有font-size和font-family两个值,否则不生效,其他值可省略,有默认值。

例:

.text{
        font-style:italic;
        font-variant:small-caps;
        font-weight:700;
        font-size:12px;
        line-height:24px;
        font-family:"Microsoft YaHei";
}
复制代码

简写如下

.text{
    font: talic small-caps 700 12px/24px "Microsoft YaHei";
}