CSS语法手册（一）字体属性

CSS语法手册（一）字体属性

---

<script type="text/javascript"> var arrBaiduCproConfig=new Array(); arrBaiduCproConfig['uid'] = 2214; arrBaiduCproConfig['n'] = 'sayyescpr'; arrBaiduCproConfig['tm'] = 48; arrBaiduCproConfig['cm'] = 100; arrBaiduCproConfig['um'] = 50; arrBaiduCproConfig['rad'] = 1; arrBaiduCproConfig['w'] = 336; arrBaiduCproConfig['h'] = 280; arrBaiduCproConfig['bd'] = '#ffffff'; arrBaiduCproConfig['bg'] = '#ffffff'; arrBaiduCproConfig['tt'] = '#0000ff'; arrBaiduCproConfig['ct'] = '#000000'; arrBaiduCproConfig['url'] = '#666666'; arrBaiduCproConfig['bdl'] = '#CCCCCC'; arrBaiduCproConfig['wn'] = 1; arrBaiduCproConfig['hn'] = 4; arrBaiduCproConfig['ta'] = 'center'; arrBaiduCproConfig['tl'] = 'top'; arrBaiduCproConfig['bu'] = 1; </script><script src="http://cpro.baidu.com/cpro/ui/ui.js" type="text/javascript"> </script><script type="text/javascript"> <!-- document.write(baiduCproIFrame()); --> </script>

转自:动态网制作指南 www.knowsky.com

1、font-family

功能：用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。
语法：{font-family:字体1,字体2, ... ,字体n}
例子：

字体

2、font-style

功能：使文本显示为扁斜体或斜体等表示强调 。
数值：
normal - 正常
italic - 斜体
oblique - 偏斜体
例子：

Normal

Italic

Oblique

3、font-variant

功能：用于在正常与小型大写字母字体间切换。
数值：normal - 如果该标志继承父元素的 small-caps 设置，则关键字 normal 将 font-variant 设置为正常字体。
small-caps - 把小写字母显示为字体较小的大写字母。
例子：

FONT-VARIANT

4、font-weight

功能：用于设置字体灰度，生成字体的深，浅版本。
数值：
正常灰度 - normal
相对灰度 - bold, bolder, light, lighter
梯度灰度 - 取值如下：100, 200, 300, 400(相当于normal), 500, 600, 700(相当于bold), 800, 900。
例子：

字体灰度

5、font-size

功能：用各种度量单位控制文本字体大小。
数值：有四种数值方式
绝对尺寸- 用具体字号表定义字体大小，可以取下列数值之一：xx - small, x-small, small, medium, large, x-large, xx-large。不同字体有不同的数值。
相对尺寸 - larger, smaller，产生的尺寸是相对于父容器字号而言的。
长度 - 用毫米(mm)，厘米(cm)，英寸(in)，点数(pt)，象素(px)，pica(pc)，ex(小写字母x的高度)或em(字体高度)作为度量单位。
百分比 - 相对于其父元素字体大小的百分比。
例子：字体大小

6、font

功能：简写属性，提供了对字体所有属性进行设置的快捷方法。
语法：{font:字体属性1 字体属性2 ... 字体属性n}
数值：字体属性值为前面已列出的值，此外还可以设置行间距属性 line-height(见文本属性)，内容的顺序为：font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性，属性值间用空格分开。
例子：

FONT