4. font-size
font-size 属性用来设置字体的大小(字号),可选值如下:
【示例】使用 font-size 属性设置字体的大小:
运行结果如下图所示:
5. font-variant
font-variant 属性可以将文本中的小写英文字母转换为小型大写字母(转换后的大写字母与转换前小写字母的大小相仿,所以称之为小型大写字母)。font-variant 属性的可选值如下:
【示例】使用 font-variant 属性设置小型大写字母:
运行结果如下图所示:
6. font
font 属性与前面价绍的 background 属性的功能类似,通过 font 属性可以同时设置多个字体属性,不同的是,使用 font 属性需要遵循以下顺序:
在使用 font 属性时,有以下几点需要注意:
使用 font 属性时必须按照如上所示的顺序,并且 font-size 和 font-family 两个属性不可忽略;
font 属性中的每个参数仅允许设置一个值,除 font-size 和 font-family 属性外,被忽略的属性将被设置为各自的默认值;
若要定义 line-height 属性,则需要使用斜线/将 font-size 和 line-height 属性分开。
【示例】使用 font 属性同时定义多个字体效果:
运行结果如下图所示: