我爱电脑技术论坛 » 网站建设 » CSS的字体、字型控制

麦迪 发表于 2008-1-20 19:50

CSS的字体、字型控制

★☆★使用CSS你可以对页面的字体进行任意的控制，比起HTML简直方便不知多少。 mF3o,L&Pc2g5E1N`3t

;Eu;F
G3_PB `r
S     CSS使用“font-size”属性来控制字体大小。
xjKVMY4F]5eQ &P4n2_X{6w
    CSS中可以使用的单位：points, pixels等单位 。
l%P2k.B2~%x/j
~:`3t3W/e3g-~.F $yI9~L_,y
　　　★使用 points（点）: !f4X;x
D7FchTW

V"a(K](HK     td { font-size: 9pt }
6dP1Q l+t1|5?
~n$f6LkF aL_*A     告诉浏览器以9 points的尺寸显示<TD>标签内的字符，本页就采用9pt的字体，我认为“宋体+9pt”是非常漂亮的选择。Points是确定文字尺寸非常好的单位，它在所有的浏览器和操作平台上都适用。
3h1T5_6B1]
-a Vqg(m2u.vt 　　　★使用pixels（象素）:
fD*B2@|l)_6m
7n(F/@7u#m td { font-size: 9px }2OBTP | GisQ

c tp&b4}7}9q4` s3]R     使用“象素”的缺点是，页面显示不稳定，字体时大时小，而使用points则没有这种问题。] [-s~1u4X$H%pwt

[L9i2eS}hV.c     此外你还可以使用如下的单位：
/Yq8j)_Je.H
? dW(jX)^ in （英寸） X}-EpN@,k
cm （厘米） Du.b[k-d.l
mm （毫米） v'L
L.J+j
TuB ]]C
    ★☆★字型控制
.u
a*Y!?!w0UXJ9Ay(I0u ,eXz(e~L2o2V
　　　{ font-family:Arial } 可以只设置一种字体。:r {i&lrK1v


I;h
Z2Y/y1`1S B 　　　{ font-family:Arial,Helvetica,sans-serif } 也可以设置多种字体，将按照字型顺序查找显示。
j0vS@R#Q
$Nw9KBF&@s 　　　{ font-family:"Courier New" } 字型名字包括2个以上的词时，要使用引号。
pPqvl/Ng 1kV(TA*W2kH
    ★☆★字体粗细控制7W#W!b5I U9U9S2B-y

D8W/v%xj/_)u{ 　　　{ font-weight:bold } 字体加粗显示，还可以使用：extra-light,light,demi-light,medium,demi-bold,bold,extra-bold等参数。
#FW [+A'zAB }!I'M'|os G
    ★☆★字型样式控制
Wj9D2Y d1@
(pV-o|zU,CX 　　　{ font-style:italic } 设置字体倾斜，可以使用normal,italic。

查看完整版本: CSS的字体、字型控制