CSS手册简编：字体属性

2009-12-16 02:17| 发布者: admin| 查看: 36| 评论: 0|原作者: 小寳寳

CSS属性：
5、字体（Font）属性：
这里定义了关于字体的各种属性。
font-family属性定义字体的名称，可以是一个字体的名称，也可以是一类字体的名称，字体的名称一定要和计算机系统里的完全一样：
属性名称: 'font-family'
属性值: [[ | ],]* [ | ]
初始值: 根据用户定义而定
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
有些计算机系统里如果没有样式单要求的字体，可以再设一个次字体以备万一。例如：
BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }
family-name是指确定的某字体，如Heisi Mincho W3，generic-family指某一类字体，如serif。
font-style属性描述字体的倾斜程度：
属性名称: 'font-style'
属性值: normal | italic | oblique
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

font-variant属性：
属性名称: 'font-variant'
属性值: normal | small-caps
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
一个使用了small-caps属性的元素中的小写字母看起来要比正常的大写字母小一些。

font-weight属性用来描述字重。
属性名称: 'font-weight'
属性值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
100到900代表9种不同的字重，400代表normal，700代表bold，900是最重的字体，bolder或lighter表示字体的字重比父元素高或低一级，比如父元素字重为400，则bolder代表字重500，如果父元素本身字重为900，那么bolder后，字重还是900，同样的lighter也一样。有些字体并没有100到900那么全的字重，也许是从300到700，那么字重的最小和最大值也为300到700。例如：
P { font-weight: normal } /* 400 */
H1 { font-weight: 700 } /* bold */
font-size属性描述字体的大小：
属性名称: 'font-size'
属性值: | | |
初始值: medium
适合对象: 所有元素
是否继承: yes
百分比备注: relative to parent element's font size
该属性可以使用绝对大小，也可以使用相对大小，其中绝对大小可以使用，如下关键字表示：
xx-small | x-small | small | medium | large | x-large | xx-large 分别代表最小、较小、小、中等、大、较大和最大。相对大小可以使用：larger 或smaller描述。例如：
P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }
EM { font-size: 1.5em }
Font属性是以上属性的快捷方式，属性如下：
属性名称: 'font'
属性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]
适合对象: 所有元素
是否继承: yes
百分比备注: 只在font-size使用
例如：
P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }

收藏分享邀请

		自动登录	找回密码
密码			注册

CSS手册简编：字体属性

最新评论

相关分类