免费教程
font-variant 属性可以将文本中的小写英文字母转换为小型大写字母(转换后的大写字母与转换前小写字母的大小相仿,所以称之为小型大写字母)。
Web前端教程
Web前端入门教程:CSS字体样式(2)
来源:易牛云朗沃
  |  
发布时间:2021-10-11 18:35
  |  
关键词:成都Web前端培训
  |  
阅读量:

4. font-size

font-size 属性用来设置字体的大小(字号),可选值如下:

成都Web前端培训

【示例】使用 font-size 属性设置字体的大小:

成都Web前端培训

运行结果如下图所示:

成都Web前端培训

5. font-variant

font-variant 属性可以将文本中的小写英文字母转换为小型大写字母(转换后的大写字母与转换前小写字母的大小相仿,所以称之为小型大写字母)。font-variant 属性的可选值如下:

成都Web前端培训

【示例】使用 font-variant 属性设置小型大写字母:

成都Web前端培训

运行结果如下图所示:

成都Web前端培训

6. font

font 属性与前面价绍的 background 属性的功能类似,通过 font 属性可以同时设置多个字体属性,不同的是,使用 font 属性需要遵循以下顺序:

成都Web前端培训

在使用 font 属性时,有以下几点需要注意:

使用 font 属性时必须按照如上所示的顺序,并且 font-size 和 font-family 两个属性不可忽略;

font 属性中的每个参数仅允许设置一个值,除 font-size 和 font-family 属性外,被忽略的属性将被设置为各自的默认值;

若要定义 line-height 属性,则需要使用斜线/将 font-size 和 line-height 属性分开。

【示例】使用 font 属性同时定义多个字体效果:

成都Web前端培训

运行结果如下图所示:

成都Web前端培训

点击知道更多编程知识

文章来源于网络