CSS 字体属性实例总结

发布时间:2019-10-22编辑:脚本学堂
本文介绍下,css中常用的一些字体属性,包括字体名称属性、字体大小属性、字体风格属性、字体变量属性、字体颜色等,有需要的朋友参考下。

本节内容:
CSS 字体属性

一,字体名称属性(font-family)
设定字体名称,如Arial, Tahoma, Courier等。

例子:
 

复制代码 代码示例:
.{font-family:Arial}

二,字体大小属性(font-size)
设置字体的大小。字体大小的设置可以有多种方式,最常用的就是pt和px(pixel)。

例子:
 

复制代码 代码示例:
.{font-size:16pt}

三,字体风格属性(font-style)
有三个值可选:normal, italic, oblique。normal是缺省值,italic, oblique都是斜体显示。

例子:
 

复制代码 代码示例:
.{font-sytle:italic}

四,字体浓淡属性(font-weight)
常用值是normal和bold,normal是缺省值。

例子:
 

复制代码 代码示例:
<p style = "font-weight:bold">这段文字字体的浓淡属性(font-weight)值是bold。<p>

五,字体变量属性(font-variant)
有两个值,normal和small-caps,normal是缺省值。small-caps表示小的大写字体。

例子:
 

复制代码 代码示例:
 .{font-variant:small-caps}

六,字体属性(font)
各种字体属性的一种快捷的综合写法。
这个属性可以综合字体风格属性(font-style),字体变量属性(font-variant),字体浓淡属性(font-weight),字体大小属性(font-size)等属性。

例子:
 

复制代码 代码示例:
.{font:italic normal bold 11pt arial}

七,字体颜色(color)
字体颜色用CSS中的color属性来表示。