九乡新闻网蒙阴酒店:学习笔记——CSS 字体属性 (Font)
来源：百度文库 编辑：九乡新闻网 时间：2024/04/27 21:30:42
多福老人欢迎您http://qwp43.360doc.com
参考来源：www.BlaBla.cn 布啦布啦网页教程与代码
CSS 教程与实例代码
CSS 教程
CSS 简介
CSS 语法
CSS 字体属性 (Font)
CSS 常用文本属性
CSS 背景属性
CSS 边框属性(Border)
CSS 边距属性(Margin)
CSS 间隙属性(Padding)
CSS 盒子模式 (Box Model)
CSS 列表属性(List-style)
CSS 伪类(Pseudo-class)
CSS 代码实例
CSS 参考 (Reference)
CSS 知识库
W3C CSS 2.1 标准英文版
CSS字体属性
字体名称属性(font-family)
这个属性设定字体名称，如Arial, Tahoma, Courier等。
例句如下：
.s1 {font-family:Arial}
演示示例
The font-family value of the text is the browser default font.
The fon-family value of the text is "Arial"。
The fon-family value of the text is "Tahoma"。
The fon-family value of the text is "Courer"。
The fon-family value of the text is "Verdana"。
The fon-family value of the text is "Book Antiqua"。
效果
The font-family value of the text is the browser default font.
The fon-family value of the text is "Arial"。
The fon-family value of the text is "Tahoma"。 The fon-family value of the text is "Courer"。 The fon-family value of the text is "Verdana"。
The fon-family value of the text is "Book Antiqua"。
字体大小属性(font-size)
这个属性可以设置字体的大小。字体大小的设置可以有多种方式，最常用的就是pt和px(pixel)。
例句如下：
.s2 {font-size:16pt}
演示示例
这段文字大小是10pt。
这段文字大小是16px。
这段文字大小是16pt。
这段文字大小是10pt的80%。
这段文字的大小比10pt大。
这段文字的大小是特大号(xx-large)。
效果
这段文字大小是10pt。
这段文字大小是16px。
这段文字大小是16pt。
这段文字大小是10pt的80%。
这段文字的大小比10pt大。
这段文字的大小是特大号(xx-large)。
字体风格属性(font-style)
这个属性有三个值可选：normal, italic, oblique。normal是缺省值，italic, oblique都是斜体显示。
例句如下：
.s1 {font-sytle:italic}
演示示例
这段文字风格是normal，正常显示。
normal是字体风格属性(font-style)的缺省值。
这段文字的字体风格(font-style)属性值是italic，斜体显示。
这段文字的字体风格(font-style)属性值是oblique，斜体显示。
效果
这段文字风格是normal，正常显示。normal是字体风格属性(font-style)的缺省值。
这段文字的字体风格(font-style)属性值是italic，斜体显示。
这段文字的字体风格(font-style)属性值是oblique，斜体显示。
字体浓淡属性(font-weight)
这个属性常用值是normal和bold，normal是缺省值。例句如下：
这段文字字体的浓淡属性(font-weight)值是bold。
演示示例
这段文字没有设浓淡属性。
这段文字字体的浓淡属性(font-weight)值是bold。
这段文字字体的浓淡属性(font-weight)值是lighter。
这段文字字体的浓淡属性值(font-weight)是200。
这段文字字体的浓淡属性值(font-weight)是800。
效果
这段文字没有设浓淡属性。 这段文字字体的浓淡属性(font-weight)值是bold。 这段文字字体的浓淡属性(font-weight)值是lighter。 这段文字字体的浓淡属性值(font-weight)是200。 这段文字字体的浓淡属性值(font-weight)是800。
字体变量属性(font-variant)
这个属性有两个值，normal和small-caps，normal是缺省值。small-caps表示小的大写字体。
例句如下：
.s1 {font-variant:small-caps}
演示示例
字体变量(font-variant)属性有两个值，一个是缺省值normal，另外一个是small-caps。
下面这段文字的字体变量属性(font-variant)是small-caps。
The font-variant value of the text is "small-caps".
效果
字体变量(font-variant)属性有两个值，一个是缺省值normal，另外一个是small-caps。
下面这段文字的
字体变量属性(font-variant)是small-caps。
The font-variant value of the text is "small-caps".
字体属性(font)
这个属性是各种字体属性的一种快捷的综合写法。
这个属性可以综合字体风格属性(font-style)，字体变量属性(font-variant)，
字体浓淡属性(font-weight)，字体大小属性(font-size)等属性。
例句如下：
.s1 {font:italic normal bold 11pt arial}
演示示例
这段文字的字体风格(font-style)属性值是italic，
字体变量(font-variant)属性值是normal，
字体浓淡(font-weight)属性值是bold，
字体大小(font-size)属性值是11pt，
字体名称(font-family)属性值是Arial。
这段文字的字体风格(font-style)属性值是normal，
字体变量(font-variant)属性值是small-caps，
字体浓淡(font-weight)属性值是normal，
字体大小(font-size)属性值是14pt，
字体名称(font-family)属性值是Courier。
效果
这段文字的字体风格(font-style)属性值是italic，
字体变量(font-variant)属性值是normal，
字体浓淡(font-weight)属性值是bold，
字体大小(font-size)属性值是11pt，
字体名称(font-family)属性值是Arial。
这段文字的字体风格(font-style)属性值是normal，
字体变量(font-variant)属性值是small-caps，
字体浓淡(font-weight)属性值是normal，
字体大小(font-size)属性值是14pt，
字体名称(font-family)属性值是Courier。
字体颜色(color)
字体颜色用CSS中的color属性来表示。参见CSS常用文本属性。