[分享]css中font样式进行缩写

在CSS中，我们经常需要对字体样式进行设定，在设定时可以使用font样式进行缩写。具体使用方法和相关参数如下：font: ; 上述缩写语句中，各参数的具体含义如下： fontstyle：字体风格，包括...

在CSS中，我们经常需要对字体样式进行设定，在设定时可以使用font样式进行缩写。具体使用方法和相关参数如下：

font: [font-style] [font-weight] [font-size/line-height] [font-family]; 

上述缩写语句中，各参数的具体含义如下：

• font-style：字体风格，包括：normal（常规）、italic（斜体）、oblique（倾斜）；
• font-weight：字体粗细，包括：normal（常规）、bold（粗体）、lighter（较细）、bolder（较粗）、数字型（100-900）等；
• font-size/line-height：字体大小和行高，可以写一个值，也可以写两个，用“/”分隔。对于字体大小，可以用像素、em、rem等单位进行定义。对于行高，可以用em、数字型等单位进行定义；
• font-family：字体系列，可以设置多种字体，用逗号分隔。如果设置的字体在系统中不存在，则会采用默认字体。

缩写方式可以大大减少代码量，提升开发效率。例如：

font: italic bold 18px/1.5 Arial, "Microsoft Yahei", sans-serif; 

上述代码表示字体样式为斜体加粗，大小为18像素，行高为1.5倍行高，采用Arial字体，如果系统没有该字体，会使用"Microsoft Yahei"字体。如果系统还没有该字体，则采用sans-serif字体。