css中font的连写

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

css中的font属性不仅包括字体族和字号,还包括font-weight、font-style、font-variant等属性。例:font: italic small-caps bold 16px/

css中的font属性不仅包括字体族和字号,还包括font-weight、font-style、font-variant等属性。

例:font: italic small-caps bold 16px/1.5 'Times New Roman', Times, serif; 

该例中的font属性值,连写了italic、small-caps、bold三个属性值,各属性值之间用空格隔开,且顺序可变。其中italic为字体样式,表示斜体;small-caps为字体变体,表示只显示小型大写字母;bold为字重,表示加粗。16px/1.5为字体大小和行高,16px为字号,1.5为行高倍数。'Times New Roman', Times, serif为字体家族,表示在此字体家族中优先使用'Times New Roman'字体,若无则使用Times,若还无则使用serif。

例:font: bold 1.2em/1.5 sans-serif; 

该例中的font属性值,连写了bold、1.2em/1.5两个属性值,其中1.2em为字号,1.5为行高倍数。sans-serif为字体家族,表示在此字体家族中优先使用sans-serif字体。

连写font属性值可以简化代码,而且写法非常灵活。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中font的连写

粉丝

0

关注

0

收藏

0

已有0次打赏