css中font样式进行缩写

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,我们经常需要对字体样式进行设定,在设定时可以使用font样式进行缩写。具体使用方法和相关参数如下:font: [font-style] [font-weight] [font-size/l

在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字体。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中font样式进行缩写

粉丝

0

关注

0

收藏

0

已有0次打赏