欢迎光临
我们一直在努力

CSS2参考之七(转贴)

建站超值云服务器,限时71元/月

5、字体(font)属性:
这里定义了关于字体的各种属性。

font-family属性定义字体的名称,可以是一个字体的名称,也可以是一类字体的名称,字体的名称一定要和计算机系统里的完全一样:
属性名称: font-family   
属性值: [][ <family-name> | <generic-family> ],]* [<family-name> | <generic-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   
属性值: <absolute-size> | <relative-size> | <length> | <percentage>  
初始值: medium  
适合对象: 所有元素  
是否继承: yes  
百分比备注: relative to parent elements 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 }

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » CSS2参考之七(转贴)
分享到: 更多 (0)

相关推荐

  • 暂无文章