CSS语法手册(一)字体属性
1、font-family " ~3 B; m0 v/ [' G2 w. ]0 ]8 z! l
8 {6 C( n* b0 |' Y$ S) B
功能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。
9 e2 {! a: }9 s, i语法:{font-family:字体1,字体2, ... ,字体n}
7 B. A n* w& Q5 N1 C' x! b3 A例子: % U5 Y! J9 }5 }7 n/ ^0 J6 ?
# L8 m; v' }+ [" u / ^6 P+ U7 v8 l3 c
* f2 J: z! p1 H. O" c1 F: o7 q字体
d5 M& s: {; u# H2 T% M
6 M" [* [# p. g2、font-style ) S( S4 [" U* t. T% N& S
' l9 r* Y9 N. l+ {7 h" Z
功能:使文本显示为扁斜体或斜体等表示强调 。
! r% o. v/ G: ]: T数值:2 J* ^: e* s. x6 t
normal - 正常
0 ^2 p5 Q5 E8 ?: t B7 B5 \' Xitalic - 斜体+ K+ b. t, N& f9 Z% x6 ?; A% p
oblique - 偏斜体% r9 p" b- D- f: X+ B
例子:
5 c& c. }4 X$ |" x9 O# ]+ }7 ^! D$ z* U
$ d" I- \8 L1 }
9 P: j8 T q6 P4 J* |* m
Normal
' i6 l2 k6 c- p% U! C, I9 r) k5 a" S. f# d& z% u2 s% K: i
Italic 5 }& P5 c* @/ }( ^, L
# K2 a# H/ N. a- r( ]Oblique
* \4 m, d( S* B
) ]) N# D; q# ^3 I9 Z: w. a- a3、font-variant
! G P$ w4 a/ E+ V
' a! X/ Z k d+ Z' M功能:用于在正常与小型大写字母字体间切换。7 n& B! o; Z0 N& i/ T3 m4 }5 {
数值:normal - 如果该标志继承父元素的 small-caps 设置,则关键字 normal 将 font-variant 设置为正常字体。
1 j6 q7 ~ c1 ^+ s3 U* }small-caps - 把小写字母显示为字体较小的大写字母。 ( I! Z" f _9 s: d& D
例子:
! K9 X# I- k- h D# c. ^3 {+ q W8 S9 ^; G" J5 C# T4 u
! x3 p6 o3 X) a: ~* F( ~! `
9 N% i- z4 t& P# L. y/ wFONT-VARIANT 3 ?" b& @: `) }) d$ h6 b
9 m* N$ | \ @! ~0 P
4、font-weight
0 _2 F7 V3 B% ^7 ~( f
4 d |7 q0 t1 a功能:用于设置字体灰度,生成字体的深,浅版本。
4 C5 L9 E/ V: [. T" _4 j9 z" Y数值:9 E: s2 D# E! J) }2 O
正常灰度 - normal
4 R: q* H6 `3 q8 S$ N& O* p! H相对灰度 - bold, bolder, light, lighter9 T q' A2 I* u8 t; S3 G+ M
梯度灰度 - 取值如下:100, 200, 300, 400(相当于normal), 500, 600, 700(相当于bold), 800, 900。0 \# D$ h2 y6 z5 _& T/ }
例子: ' j- L% `4 i8 W7 ~& {
4 [5 `3 p/ i+ @+ c3 h
2 d3 o8 G, P% V) Z% n) I2 ?8 ~; E
字体灰度 / {8 x$ A, W4 P8 [- G, X
: F" P. t+ d F# u6 O
5、font-size
1 m: I2 G' Q% _. e3 t$ \1 j/ q
& Z$ c5 M/ z5 y% o" Q- q功能:用各种度量单位控制文本字体大小。
1 v/ s, ~$ {9 x, s- j; f数值:有四种数值方式& e3 V: J/ G& f
绝对尺寸- 用具体字号表定义字体大小,可以取下列数值之一:xx - small, x-small, small, medium, large, x-large, xx-large。不同字体有不同的数值。
( f2 K1 v/ v V+ I% v# v1 r, R相对尺寸 - larger, smaller,产生的尺寸是相对于父容器字号而言的。; L( G0 F1 g, X6 l! W- i8 Y, S
长度 - 用毫米(mm),厘米(cm),英寸(in),点数(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为度量单位。
7 T1 Y) m! l2 f2 X# |* \百分比 - 相对于其父元素字体大小的百分比。3 b& J o" @% L
例子:字体大小 - J: g+ f2 T: q2 H6 p
3 ?1 Y- v; a' P8 c/ n) F' l
, E( |+ e4 O5 g6 `- E- l
9 p. n7 R3 D8 b# c, c6、font
6 Z9 W1 t0 Z( M2 Y% z& n- D8 A' W/ U, C& u3 _# H
功能:简写属性,提供了对字体所有属性进行设置的快捷方法。0 t# N+ Q: I* p$ I
语法:{font:字体属性1 字体属性2 ... 字体属性n}
6 T8 X& E- `# O& }数值:字体属性值为前面已列出的值,此外还可以设置行间距属性 line-height(见文本属性),内容的顺序为:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性,属性值间用空格分开。
' e) `. w4 j }) h6 t例子:
2 u2 n- c( O. D: R
5 m: r* C% T: y# ]5 B ( }' M0 e5 S' r5 J9 P
3 v' j4 o+ P; z9 ~
FONT
点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹