==========标题：CSS语法改变字体的属性
==========时间：2012-10-08 15:05:50
==========来源：http://www.jtdx.cn/wap/index.asp?act=pl&id=147
==========以下为正文

1. 字体样式：font 

语法：{font:font-style font-variant font-weight font-size font-family}
　　[ <字体风格> || <字体变形> || <字体加粗> ]? <字体大小> [ / <行高> ]? <字体类形>
作用：简写属性，提供了对字体所有属性进行设置的快捷方法。
注意：字体样式用作不同字体属性的略写，特别是行高。例如 P { font: italic bold 12pt/14pt Times, serif }指定该段为bold(粗体)和italic(斜体)Times或serif字体，12点大小，行高为14点。

在评论中，还有关于字体属性的更具体的css语法及介绍。


==========回复1 飞速如风　2012-10-08 16:00:19

2. 字体类形：font-family 

语法：{font-family:字体1,字体2,字体3,...}

作用：调用客户端字体

说明：

·当指定多种字体时，用“，”分隔每种字体名称。 

·当字体名称包含两个以上分开的单词时，用“”把该字体名称括起来。 

·当样式规则外已经有“”时，用‘’代替“”。 

注意：如果在font-family后加上多种字体的名称，浏览器会按字体名称的顺序逐一在用户的计算机里寻找并匹配显示已经安装的字体，如果全部找不到，就显示计算机默认字体。



==========回复2 飞速如风　2012-10-08 15:55:20

3．字体大小：font-size 

语法：{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}

作用：设定文字大小，参考取值单位

说明：使用比例关系 

·xx-small 

·x-small 

·small 

·medium 

·large 

·x-large 

·xx-large



==========回复3 飞速如风　2012-10-08 15:54:47

4. 字体风格：font-style 

语法：{font-style:inherit|italic|normal|oblique}

作用：使文本显示为扁斜体或斜体等表示强调

说明：

·inherit　继承 

·italic 　斜体 

·normal　 正常

·oblique　偏斜体



==========回复4 飞速如风　2012-10-08 15:54:25

5．字体粗细：font-weight 

语法：{font-weight:100-900|bold|bolder|lighter|normal;}

作用：设定文字的粗细

说明：

·bold 粗体(相当于数值700 )

·bolder 特粗体

·lighter 细体 

·normal 正常体(相当于数值400)

注意：取值范围从数字100~900，浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。



==========回复5 飞速如风　2012-10-08 15:54:03

6. 字体颜色：color 

语法：{color: 数值}

作用：字体颜色 

说明：颜色参数取值范围 

·以RGB值表示 

·以16进制（hex）的色彩值表示 

·以默认颜色的英文名称表示 

注意：以默认颜色的英文名称表示无疑是最为方便的，但由于预定义的颜色种类太少，所以更多的网页设计者喜欢用RGB的方式。RGB方式的好处很多，不但可以用数字的形式精确地表示颜色，而且也是很多图像制作软件（如Photoshop）里默认使用的规范，这样一来就为图片和网页更好地结合打下了坚实的基础。



==========回复6 飞速如风　2012-10-08 15:53:21

7. 文字阴影颜色：text-shadow

语法：{text-shadow:16位色值}

说明：好像不起作用?







==========回复7 飞速如风　2012-10-08 15:52:59

8. 字体行高 line-height

语法：{line-height:数值|inherit|normal} 

作用：行与行之间的距离 

说明：取值范围

·不带单位的数字：以1为基数，相当于比例关系的100% 

·带长度单位的数字：以具体的单位为准 

·比例关系 

注意：行距是指上下两行基准线之间的垂直距离。一般地说，英文五线格练习本，从上往下数的第三条横线就是计算机所认为的该行的基准线。如果文字字体很大，而行距相对较小的话，可能会发生上下两行文字互相重叠的现象。



==========回复8 飞速如风　2012-10-08 15:52:34

9. 字 间 距：letter-spacing 

语法：{letter-spacing:数值|inherit|normal} 

作用：控制文本元素字母间的间距，所设置的距离适用于整个元素。 

注意：数值 - 设置字间距长度，正值表示加进父元素中继承的正常长度，负值则減去正常长度。在数字后指定度量单位：ex(小写字母x的高度), em(大写字母M的宽度)。 





==========回复9 飞速如风　2012-10-08 15:51:59

10. 单词间距：word-spacing 

语法：{word-spacing:数值|inherit|normal} 

说明：单词间距指的是英文每个单词之间的距离，不包括中文文字。间隔距离的取值：points、em、pixes、in、cm、mm、pc、ex、normal等。



==========回复10 飞速如风　2012-10-08 15:51:26

11. 字体变形：font-variant 

语法：{font-variant:inherit|normal|small-cps

作用：用于正常和小型大写字母间切换(比正常大写字母略小)

说明：small-caps 小型大写字母







==========更多关于《CSS语法改变字体的属性》的评论/回复，
========== 请关注：http://www.jtdx.cn/wap/index.asp?act=pl&id=147