css中字体复合属性名称

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

CSS中的字体复合属性名称给我们提供了一个便利的方式来指定字体的风格、大小、颜色以及行高等方面。这些属性名称不仅能让我们的代码更简洁,还能提高可读性。font: font-style font-var

CSS中的字体复合属性名称给我们提供了一个便利的方式来指定字体的风格、大小、颜色以及行高等方面。这些属性名称不仅能让我们的代码更简洁,还能提高可读性。

font: font-style font-variant font-weight font-size/line-height font-family; 

上面的代码就是CSS中字体复合属性名称的标准写法。下面我们来逐一介绍每一个单独的属性。

font-style:指定字体的样式,可以取值为normal、italic或者oblique。其中,normal表示正常字体,italic表示斜体字体,oblique表示倾斜字体。

font-variant:指定字体的变体,可以取值为normal或者small-caps。其中,normal表示正常字符,small-caps表示小型大写字母。

font-weight:指定字体的粗细程度,可以取值为normal、bold、bolder或者lighter。其中,normal表示正常字体,bold表示粗体字体,bolder表示更加粗体字体,lighter表示更加细体字体。

font-size/line-height:指定字体的大小和行高,用斜杠隔开。例如,font-size: 16px/1.5表示字体大小为16像素,行高为1.5倍字体大小。

font-family:指定字体的名称,可以指定多个字体名称,用逗号隔开。例如,font-family: Arial, Helvetica, sans-serif表示首选Arial字体,如果该字体不可用,则使用Helvetica字体,如果Helvetica也不可用,则使用sans-serif字体。

以上就是CSS中字体复合属性名称的介绍。使用这些属性名称可以轻松地指定字体的样式、大小和行高等方面,让我们的代码更加简洁、易读。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中字体复合属性名称

粉丝

0

关注

0

收藏

0

已有0次打赏