样 式 表 全 接 触（3）

三、样式表的属性   
% t6 w! X3 u. o0 h) L2 w2 m
9 c7 K/ R4 A5 g% K, ^1 Z　　１、背景属性　
7 L) T' U) H# f- m9 e9 Z8 \　　对于背景颜色和背景图片大家都比较熟悉,这里介绍两个比较有趣的背景图案属性background-attachment此属性有两个值：scroll 和 fixed;scroll是初始值，产生的效果是常见的背景图案随页面上的文字一起流动。fixed属性是指背景静止不动，文字在背景上流动的特殊效果，例如：body{background-attachment:fixed} 。background-position
' w0 H3 e( `) m7 E5 g; I  g9 b( A% [  c7 _8 P, H; A
此属性是设置背景图案的起始位置，可分别用百分比和长度值来设定，初始值为0和0，例如：body{background-position:50% 50%} 4 }! U4 L/ a5 T  {8 ~% F8 S
  A$ @- U$ r5 y# P! c: @/ r' m
　　２、文本属性 / l& N) f) T; ?* X( U

6 @6 |; d2 }: {' z  i　　这里介绍几个常用的文本属性："text-decoration ""text-aling""line-heigth""text-indent"。 6 M7 z) l7 E. \; V
+ w) L) c7 S- q/ S
　　text-decoration相信大家对这个属性都不会陌生，如我们常在网上看到的没有下划线的超链接，就是通过设置这个属性来实现的。其常用的属性值有４个，分别是： ! W) ]; q- R; Y  ~) T; B
: N: k" f" y* M# W" U5 A' n! n
属性值 　　　　　　 　说明　　　　　　　 7 k6 x6 Q, x" O2 _4 g! I

, b" y. [' z9 T9 m  j/ g! Hnone 　　　　　　　　 无　 ) f9 l' ^: T  F- N6 p2 P4 n1 ]
7 x8 W$ H( C+ Q& u
underline 　　　　 　下划线
4 r! v; [2 P5 k7 Z, L2 B* ?1 O- \& W% u3 o
overline 　　　　　　上划线
2 `. F0 r$ c# T9 m9 [( S7 a, T' J  D( X2 m1 [& U7 D$ Q
lineth-rough 　　　　删除线
. n0 F; u5 p# D0 M3 q# a$ B% {" L
有上面的属性值以后，我们就可以去掉超链接中的下划线了，设置如下：A:link{text-decoration:none} 8 H' ]+ U4 e+ f! z+ p
% |2 F  A1 e9 \3 |! M8 W
　　text-align这个属性定义了文本的对齐方式，其作用与HTML中的"align"相似。其定义的对齐方式有四种，分别是：
) K+ |- Z! G: `& m+ a% d% D0 z' o
& ~9 M: V: _2 p' Qleft 　　　　　　　　左对齐
2 E7 G  m/ e' m( ~, a5 g. c& m! K
+ S) N4 s% f% r* E; O6 Mright 　　　　　　　　右对齐
% c( n9 E0 `9 ^2 W& j, H8 T/ p7 c! g1 A
center 　　　　　　　　居中 % T- q* l4 g8 l9 L4 Q& G
3 B3 o, b. H: E+ a
justify 　　　　　　　两端对齐
* o2 c: Y- V, G/ P1 D+ F1 W! f" R; i+ N
　　line-height这个属性用来定义文本行高，即相邻的两行文字间的距离，此属性可用数字、长度、百分比来定义。例如： 5 y" }) X) H$ l$ Z; ]8 ]

- z; w8 e5 B) X: }( G* b' P! Pbody{line-heigth:1.5;font-size:10pt} ( m( ^0 v; o4 W3 c  e8 f  t8 A
( n6 s2 g, N- s" \9 }" z
body{line-heigth:150%;font-size:10pt}
1 R. R8 g5 b1 D; I7 s0 L7 ?7 j$ h9 D$ [2 a
这两个定义产生的行高都是15pt;即行高属性值乘以字体大小。
& d! R9 q0 q- l0 v1 Q* y6 V- l! o% ~
: V$ ~8 B$ _2 m! K# h- x6 [3 c3 S$ \　　text-indent此属性定义文本首行的缩进方式，也即是在用WORD软件时所见的首行缩进的效果；此属性值可以为负。例如：
0 B5 G( i% n: p) _
( a1 Z$ N" F. g7 J1 @& l' LP{text-indent:5em} ; _, Q$ m# n/ x' h$ {: F8 g

7 k  M9 d: W' g" Up{text-indent:-5em}
' r0 f! ], ?! o+ v, ~. O2 y
/ M; m7 a" c8 p& \将上面任何一句加到HTML中，就可以看到效果了。
" R" ^1 S  h. y5 m% `6 c% h2 W  k1 l) d, k9 q9 Z
　　３、字体属性
- n2 X$ C  x9 A
# I0 ^# O4 p, S  b字体属性是使用最多的，CSS的字体的常用属性包括：
- p6 q% s" F. S0 z* T& W  o
; O+ z6 i* F- U4 h2 P/ ^font-family 　　 匹配字体 BODY{font-family:Arial,Times,impact}
0 I4 d$ l1 Q; B; d4 i- }  C/ m6 O, C! d$ U/ e; S9 |& q* x# E, u
font-weight 　　　 字体精细 p{font-weight:bolder}设置字体为加粗 6 e3 n1 z: t1 I6 o  A* h# F

( R' D- f) l$ T. Mfont-size 　　　　 字体大小 body{font-size:10pt} 5 U5 v( p) x8 d
) Z) G0 l7 Z2 e& a, J* J) r
font-family 字形 p{font-family:italic}设置字体为斜体 ; C+ r. h0 Z, Z; L! Z+ f

" o% c- H+ [( J其中的font-family的含义：首先寻找字体的名称（Arial），如果在该计算机中安装了这种字体，就使用它。如果没有安装，则移向下一种字体（Times），如果这种字体也没有安装，则移向第3种字体.你可以在列表中加入任何种字体名称。当你对一种字体在不同的操作平台上的名称没有把握时，这样做是一种好办法。另外你也可以一次性的定义所有的属性。例如：
4 m8 S6 i+ [' ^' w
2 _; Z0 b* s, h: k' i# z# XBODY{fotn-family:宋体，Arial;font-weight:bolder;fint-size:10pt;color:blue}