首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中font的连写

发布于 2024-11-11 19:27:13
0
36

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属性值可以简化代码,而且写法非常灵活。

评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流