font简写方式

Posted 2021-06-15 tallish

字体的简写

font常用的属性

font-style:
/*normal默认		italic斜体字		oblique倾斜字体		inherit继承父标签字体样式*/
font-variant:
/*normal默认		small-caps小型大写字母	inherit继承父标签字体样式*/
font-weigth:
/*normal默认		bold粗体		bolder更粗		lighter更细		100至900由粗到细400 等同于 normal，而 700 等同于 bold。*/
font-family:
/*设置字体样式*/
line-heigth:
/*normal默认		设置纯数字的间距 	%基于当前字体尺寸的百分比行间距	em设置间距*/
font-size:
/*xx-small
x-small
small
medium
large
x-large
xx-large	把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。	默认值：medium	像素px*/

字体在css里面简写

font简写必须遵守一个规定font-style font-variant font-weight再加上后面font-size/line-height再加上font-family

可以不设置其中的某个值，但是这后面值必须要有 font-size/line-height再加上一个font-family。

未设置的属性会使用其默认值

{
    font:font-style	font-variant font-weight font-size/line-height font-family;
    /*font-style	font-variant	font-weight是可选的，后面想让font:有效果就一定要加上如下面*/    
}

{
  font: 50px/1.6em "微软雅黑";
}