css--层叠样式表 大全(2)
<foo>
& O0 _/ E* S' ]# A7 O3 |' }163k团购网站系统官方服务论坛foo类型的值. 共同类型的讨论在单位章节.
+ C" G% ~& L# N. mfoo
- c% b+ n. H& A$ {& Bbbs.163k.com必须原文出现的关键字 (尽管无须限制大小写). 逗号和斜杠也必须原文出现. 7 m ?& @' n& E3 N
a b c
, S! I$ W; O9 D" [' |: ] w/ W163K网站系统官方论坛a 必须存在, 然后是b, 然后是c, 需要按照顺序.
8 c5 p( z. j9 @" @为互联网事业发展提供源动力！a | b
3 y7 x: x$ ~' [- b9 ?6 G0 ?bbs.163k.coma 或b 必须存在. 163k团购网站系统官方服务论坛7 g& k* v3 Z' s H
a || b 5 J, l7 g, v/ z4 L+ |7 h3 \
a 或b或两者必须存在, 顺序随意.
' {* b% q" U' I3 {, d9 C1 ~bbs.163k.com[ foo ]
$ X; a+ @/ J8 _$ g$ F- J为互联网事业发展提供源动力！用括号将项目归类在一起.
+ K2 Y1 k' m. E; X( G: z0 G" V为互联网事业发展提供源动力！foo* 163K网站系统官方论坛8 c4 x5 h* I" j# g9 Y9 Y+ J
foo被重复使用零或更多的次数. bbs.163k.com2 ]* D; _( n/ m& p
foo+
# w2 k7 t' s4 R4 X为互联网事业发展提供源动力！foo被重复使用一或更多的次数. 团购网站系统,团购网程序3 S" u O' r l7 \. o2 B
foo?
) Z/ s4 @) }- `( ~& j- R; d+ f8 zfoo为可选.
8 c8 R+ T) e7 r. ]为互联网事业发展提供源动力！foo{a,b} 163k团购网站系统官方服务论坛9 \6 s! Q1 i ?3 K
foo必须存在最少a次，最多b次.
# x, O3 w& F, Tbbs.163k.com, T1 t9 u4 b0 u# k4 a
5.字体属性 bbs.163k.com0 R2 K8 ]( a+ `7 X7 V1 c1 S/ x
2 A# v" }; Q% D3 W字体族科bbs.163k.com5 o/ s9 l. \6 W7 ~6 F
语法: font-family: [[<族科名称> | <种类族科>],]* [<族科名称> | <种类族科>]bbs.163k.com2 a( d' @6 w$ b7 ^# ]0 K; t5 d
163k团购网站系统官方服务论坛' p1 z* Y3 K& s, v# ]6 _/ p" X
允许值: <族科名称> 163K网站系统官方论坛3 t+ C" j& r" N' n, c
任意字体族科名称都可以使用 163k团购网站系统官方服务论坛0 z j6 q# u! s: W
<种类族科>
J: Q+ v4 O: _' b163K网站系统官方论坛
- b4 U8 r. a4 s/ r8 [团购网站系统,团购网程序serif (e.g., times)
3 `4 O6 W! }; y, Y6 H# V为互联网事业发展提供源动力！sans-serif (e.g., arial or helvetica)
" ]1 E# K4 M- `4 p" `团购网站系统,团购网程序cursive (e.g., zapf-chancery) " n0 `- w2 @ d: j, A1 t% v
fantasy (e.g., western) 团购网站系统,团购网程序4 s8 f g+ J/ |- Q4 R
monospace (e.g., courier) 为互联网事业发展提供源动力！; R8 Z% n ~$ _& M' k3 i1 H
* m; Q8 K( S* p# y/ @ ?初始值: 由浏览器决定
8 G' ^! C* x0 f" w! Cbbs.163k.com, P; V. t O+ c; D6 x/ S. ]
适用于: 所有对象
+ U7 n3 a, g8 V) C9 w7 q/ v! N为互联网事业发展提供源动力！+ p) H6 h3 X$ w- w F, r- {
向下兼容: 是
r" x) p. Z! @" C& l* I为互联网事业发展提供源动力！163k团购网站系统官方服务论坛) _& j0 r1 A6 f; ?0 K! w
' L# b" m5 i! t" e) N9 I" n, C( n字体族科可以用一个指定的的字体名或一个种类的字体族科。很明显，定义一个指定的字体名不会比定义一个种类的字体族科合适。多个族科的赋值是可以使用的，而如果确定了一个指定的字体赋值，就应该有一个种类族科名随后，以防第一个选择不存在。 bbs.163k.com0 T- G- l( u# [' p8 q5 E$ s' G9 ]
团购网站系统,团购网程序( f9 Z2 C5 z4 X
% j4 l7 ^. s+ t5 p* k为互联网事业发展提供源动力！字体族科声明的例子如下:163k团购网站系统官方服务论坛6 b$ Y+ N0 \$ S2 C; \
& M) x" t" G. A8 o2 f为互联网事业发展提供源动力！p { font-family: "new century schoolbook", times, serif }& ]* d3 E, V! E) E& C& B
留意头两个赋值指定了字体的类型: new century schoolbook和times。可是，因为它们两者都是serif字体，字体族科的种类作为后备列了出来，以防系统没有两者但有另一个serif合资格的字体。163K网站系统官方论坛4 h; z! \1 P! k7 A. s! w: s
2 E( m0 R i9 S8 l. z, m163k团购网站系统官方服务论坛任何包含空格的字体名都必须用单引号或双引号引住。
" p, v# E6 r3 h$ B' F; O }163K网站系统官方论坛
. a& ^- u$ E$ f# U- B* cbbs.163k.com字体族科也可以用字体属性给出。
- b. o$ @" Q$ C: `. y2 C6 Ibbs.163k.com- v0 N+ z- Y/ [/ z; T. V# D2 B
163k团购网站系统官方服务论坛' E9 o& B; C3 h9 l0 `" o
--------------------------------------------------------------------------------为互联网事业发展提供源动力！7 z- a/ T% S7 ^' a9 e
) y9 Y) X& H" x字体风格为互联网事业发展提供源动力！& I+ `0 b7 T6 g2 ^0 H0 s$ y
语法: font-style: <值>
+ i7 i0 X# g& g
/ r; P P% ~ @) D& ]( b- S团购网站系统,团购网程序允许值: normal | italic | oblique
8 G ]! }+ v( k7 x) \6 f% g/ x为互联网事业发展提供源动力！bbs.163k.com9 r9 M% e( Y7 X9 H
初始值: normalbbs.163k.com7 V! {1 o0 ]& H6 c8 [/ j
% R. C/ o7 Z* g" M163k团购网站系统官方服务论坛适用于: 所有对象! Y" W8 T u6 i
. Y( s0 u3 a! r0 f# q
向下兼容: 是bbs.163k.com) y T$ ]* G8 X# ]
团购网站系统,团购网程序) k& e. @$ X5 I6 B. n
bbs.163k.com& p }: p4 c& {3 G2 R* {; l# J+ o
字体风格属性以三个方法的其中一个来定义显示的字体: normal (普通)，italic (斜体) 或oblique (倾斜)。样式表的字体风格声明例子如下:
0 p" b8 |5 Z1 [* I- B% w) v9 r( R' Z163k团购网站系统官方服务论坛
3 P1 R2 x! D) l) |5 e163K网站系统官方论坛h1 { font-style: oblique }
! w2 L- R! d8 X4 K# s% Y团购网站系统,团购网程序p { font-style: normal }163K网站系统官方论坛) T: g6 N; s8 Q: T1 A" x8 g
团购网站系统,团购网程序# [$ v4 j; p7 q' H5 K
--------------------------------------------------------------------------------
2 a2 G# w0 a. @' s% T$ ^9 r为互联网事业发展提供源动力！
; w4 R9 h% z0 M& x: {9 [bbs.163k.com字体变形
/ f5 [* F. H sbbs.163k.com语法: font-variant: <值>. i1 E. u$ L9 @3 P9 C% P& K/ E$ c
6 [% h% ?& O' O9 N8 w( u2 _- d) F允许值: normal | small-caps 团购网站系统,团购网程序7 T; Q6 g/ D# N
" S$ c$ Y# y7 B h) Y7 V' y团购网站系统,团购网程序初始值: normal163k团购网站系统官方服务论坛; G3 u* {& B/ k1 G+ @% {
^; O+ `) { Z! i/ r( I. f- D适用于: 所有对象bbs.163k.com' [. g5 b& Z8 ^+ I P# z
2 V. Q* T) {' y& G6 ?为互联网事业发展提供源动力！向下兼容: 是
8 d L. E1 C/ l
! k" B1 \' J- e" e4 r1 \0 y# t4 z& H- {! c0 W* I: n, Q: W
字体变形属性决定了字体的显示是normal (普通) 还是small-caps (小型大写字母)。当文字中所有字母都是大写的时候，小型大写字母(值)会显示比小写字母稍大的大写字符。稍后版本的css将会支持附加的变形，如收缩、扩张、小写数码或其它自定义的变形。字体变形的定义例子如下:
) q/ \7 z0 D( x7 O- @* D5 O. y团购网站系统,团购网程序163k团购网站系统官方服务论坛; L! p3 V7 j% g7 Z9 q
span { font-variant: small-caps }163k团购网站系统官方服务论坛- H$ r' W5 g" f2 q) Z
163k团购网站系统官方服务论坛6 f+ f% L9 H6 c* ~# S$ I
--------------------------------------------------------------------------------3 N/ t; T/ W- O( {
% m; ~# c% \3 g" e' v" c) V0 @163K网站系统官方论坛字体加粗
0 {9 U& i! T1 M' g9 }" ]bbs.163k.com语法: font-weight: <值>团购网站系统,团购网程序3 z6 h+ ?# r8 N4 E6 \
为互联网事业发展提供源动力！% }( D6 M# O3 k8 ?, R1 ?
允许值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
2 g0 M5 p3 G. s0 s团购网站系统,团购网程序
2 ~& d$ a4 L. ^, ]- N团购网站系统,团购网程序初始值: normal
% P; ]( u/ D7 S- ]" ~5 @163K网站系统官方论坛0 ~- q$ ^" n6 ^3 N
适用于: 所有对象163k团购网站系统官方服务论坛; o4 N- d9 _( J& y; @- E, R( }
163k团购网站系统官方服务论坛+ q$ q0 j) {$ Y) J& X4 o2 k
向下兼容: 是
+ F5 J- d9 V. S2 B" F6 E" Tbbs.163k.com163K网站系统官方论坛" ^- y9 K/ t) d# ]
$ m! c$ ]! a# r" I9 d163K网站系统官方论坛字体加粗属性用作说明字体的加粗。当其它值绝对时，bolder和lighter值将相对地成比例增长。
& P. i& E0 V/ h2 S3 h; ]163k团购网站系统官方服务论坛163k团购网站系统官方服务论坛6 }+ `4 J2 l, U4 ?5 @& o' P+ i
注意: 因为不是所有的字体都有九个有效的加粗显示，一些加粗的会在指定下组合。如果指定的加粗无效，会按以下原则选择:
/ j7 M5 E4 R$ b8 `4 t5 ~% R7 }163K网站系统官方论坛163k团购网站系统官方服务论坛' H5 t- R1 l/ m
500 会被 400代替，反之亦是 bbs.163k.com! v e7 d" `3 ]9 D
100-300 会被指定为下一较细的加粗，如果有的话，否则就是下一较粗的加粗
% m) S: F. { d% B2 ~2 V" v zbbs.163k.com600-900 会被指定为下一较粗的加粗，如果有的话，否则就是下一较细的加粗
( U/ V; \* d* m* Q. X) i8 d( r- k5 S163K网站系统官方论坛一些字体加粗的定义例子如下:为互联网事业发展提供源动力！/ ^0 `" h6 S0 y! o5 ^& v! x7 P1 N
bbs.163k.com# E; o* _! `9 i A6 N; f
h1 { font-weight: 800 }163K网站系统官方论坛- p; y( H" G" p+ T# B
p { font-weight: normal }+ }4 Q f: c8 b$ P
5 L; r, k: a* }& h+ @; H
--------------------------------------------------------------------------------
0 B7 O5 b% c" [; w% r% V* O @% r$ Y5 C
字体大小
/ D7 I" f: |2 W: M团购网站系统,团购网程序语法: font-size: <绝对大小> | <相对大小> | <长度> | <百分比>为互联网事业发展提供源动力！0 o ?# y3 `% z, l1 w
团购网站系统,团购网程序 w& c! C9 z2 h5 N- m. a5 V+ c" x$ A
允许值: <绝对大小>
. }* Z' u- A4 o( t8 v为互联网事业发展提供源动力！xx-small | x-small | small | medium | large | x-large | xx-large bbs.163k.com8 ^4 W ^0 l. W0 D% s
<相对大小> 163k团购网站系统官方服务论坛( s/ \7 m L6 F) y- K. h% [
larger | smaller bbs.163k.com: W6 \. {7 m4 G0 J: ]
<长度> bbs.163k.com' Y( S T/ F9 e ^2 o$ T5 @5 H: ^
<百分比> (in relation to parent element) 为互联网事业发展提供源动力！; x1 K; S; Q2 _& U
6 j/ E$ Y9 _1 B Z5 c! W4 b5 I
) T; V- B! D' B4 Z% P& rbbs.163k.com163k团购网站系统官方服务论坛5 P7 D' w2 o J- Y
初始值: medium
5 E7 z1 h" Q/ u/ t9 e为互联网事业发展提供源动力！
9 I- ^" G1 h* x8 F163K网站系统官方论坛适用于: 所有对象
* C& k2 ?9 ?0 _: Y8 u5 }团购网站系统,团购网程序
6 M5 d3 O8 m7 |( t为互联网事业发展提供源动力！向下兼容: 是
7 ]4 A: ?1 c' A为互联网事业发展提供源动力！
1 z1 I" g1 j8 T7 b& h' N( `
; O# `, {0 `* G3 P, S x字体大小属性用作修改字体显示的大小。绝对长度(使用的单位为pt-像素和in-英寸) 需要谨慎地考虑到其适应不同浏览环境时的弱点。对于一个用户来说，绝对长度的字体很有可能会很大，或很小。
' e# g! i8 G) @" x# q) c- B( i为互联网事业发展提供源动力！
; b% I3 u! M& ~9 U7 Z' e" L" `163k团购网站系统官方服务论坛一些大小指定的定义如下:bbs.163k.com7 V$ b0 c; g+ }: {
. ~# p5 n5 ^- i1 F
h1 { font-size: large }团购网站系统,团购网程序3 E0 c+ {0 j' r- N( z( w
p { font-size: 12pt }
5 J' O9 |0 a" Y. t, ?+ J2 d) m* Y为互联网事业发展提供源动力！li { font-size: 90% }
% I6 c: ^+ g( J% P# B% F5 N团购网站系统,团购网程序strong { font-size: larger }1 N w* J; W3 ^ m ^
网页制作者需要清楚microsoft internet explorer 3.x 会错误地将em 和ex单位当作像素，这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小，而不是上级元素的字体大小。这种做法像
$ j/ \( {7 S/ w8 w2 e& V* r3 [7 ~163k团购网站系统官方服务论坛163k团购网站系统官方服务论坛* v G V+ [- L( Z9 h( E# t- Z% Q* B
4 s1 p& {1 z6 [* `- p163K网站系统官方论坛h1 { font-size: 200% }为互联网事业发展提供源动力！6 y! u: ~3 A* Y, |9 ~
这是危险的，其大小将被视为ie的一级标题的缺省字体大小的两倍，而不是两倍于上级元素的字体大小。在这种情况中，body 通常会被视为上级元素，而且很可能定义一个medium的字体大小，然而，在ie中一级标题的缺省字体大小可能被认为是xx-large。团购网站系统,团购网程序) P t% h% p/ q" a2 M
! @8 p9 e1 x) c V为互联网事业发展提供源动力！注意到了这些错误后，网页制作者在使用字体大小属性时，应该小心使用百分比的值，而且应该尽量避免使用em和ex这两个单位。为互联网事业发展提供源动力！7 f% Y6 K* p9 A% |
bbs.163k.com8 S" u1 f. X% _4 Z* z6 p7 g
* T) d# ?3 }) H- C% Y& C( |; e1 N163k团购网站系统官方服务论坛--------------------------------------------------------------------------------
1 d( \' t' h$ ^& w3 W4 X163k团购网站系统官方服务论坛
) o3 ]' e W8 t' y7 z7 B+ a团购网站系统,团购网程序字体为互联网事业发展提供源动力！' g( u1 u% D, Y8 D! b6 l
语法: font: <值>
7 D8 S/ L' U/ D) I* X3 o团购网站系统,团购网程序$ |& {4 ~- Z( a3 ~& M" ?8 Z, V( {
允许值: [ <字体风格> || <字体变形> || <字体加粗> ]? <字体大小> [ / <行高> ]? <字体族科>团购网站系统,团购网程序8 X3 \' a6 [. G' r" J
团购网站系统,团购网程序$ m3 Q3 v& `0 v @. n G! f
初始值: 未定义163k团购网站系统官方服务论坛( L3 Y! c, Y5 f# S, Z- h
1 U4 Q. b( x! X* X" }2 `163K网站系统官方论坛适用于: 所有对象为互联网事业发展提供源动力！% L; K0 I: O5 M! w- C2 q7 Q% U
163k团购网站系统官方服务论坛2 g0 Q/ E3 C: _- f5 n* Z4 e/ j2 \/ I2 ]
向下兼容: 是
$ M$ E: N+ d: W) }团购网站系统,团购网程序
7 X1 Q2 p; X3 y& B! i- p( y* Y8 cbbs.163k.com
1 D3 C1 r/ j9 Y7 ?4 w2 a2 r2 _为互联网事业发展提供源动力！字体属性用作不同字体属性的略写，特别是行高。例如，为互联网事业发展提供源动力！" x, T Y8 R) T( C+ R& u9 G( m
bbs.163k.com/ q+ {! V' x) [# r
p { font: italic bold 12pt/14pt times, serif }为互联网事业发展提供源动力！( T" `7 H* o% v( A
指定该段为bold(粗体)和italic(斜体)times或serif字体，12点大小，行高为14点。
" f, ~" s; x: ?5 o' _( X为互联网事业发展提供源动力！
, S% J, e s8 n. z$ ` s为互联网事业发展提供源动力！6.颜色及背景属性为互联网事业发展提供源动力！" m" ]% E/ d3 y3 w6 X( A+ e
颜色bbs.163k.com. y, G( d& d# E
语法: color: <颜色>
, E0 B' }7 }# h; e- t; E163k团购网站系统官方服务论坛
2 _' u9 R1 k) K+ u+ S8 m: C团购网站系统,团购网程序初始值: 由浏览器决定163k团购网站系统官方服务论坛% @. Q% E: j3 o. z' d6 \& O: b
( t4 J5 d, y3 p* i% q/ z为互联网事业发展提供源动力！适用于: 所有对象! a, G( L( M2 b2 B- o
1 \. O) b9 M" N* M1 z163K网站系统官方论坛向下兼容: 是
: @" \; B4 q0 X+ c: u( h! v9 D7 Y3 z163K网站系统官方论坛为互联网事业发展提供源动力！& p$ F2 ]% a/ U9 V. @
1 ]4 f7 r: {% e, o: u" y# C颜色属性允许网页制作者指定一个元素的颜色。查看单位可以知道颜色值的描述. 一些颜色规则的例子包括:
% n9 I& C6 n$ T9 x/ f6 i2 i163k团购网站系统官方服务论坛bbs.163k.com' [- \6 k4 `! v
h1 { color: blue }
3 ]' B) m1 c/ M9 o6 O R$ F+ J5 Q团购网站系统,团购网程序h2 { color: #000080 }团购网站系统,团购网程序4 h0 Y O0 I; J7 e& a
h3 { color: #0c0 }
% |) h" j7 ^* A9 L163k团购网站系统官方服务论坛为了避免与用户的样式表之间的冲突，背景和颜色属性应该始终一起指定。bbs.163k.com' x6 |5 ]9 v* X+ A7 p2 U# t8 r/ h
! v7 D9 n6 B6 }) N8 `) |$ H4 y团购网站系统,团购网程序bbs.163k.com. _$ {1 B/ p; ^, q4 b
--------------------------------------------------------------------------------163k团购网站系统官方服务论坛4 n, I5 U5 ], C% d! h+ A8 g' y
bbs.163k.com0 Y" C Q! F5 c0 N' w
背景颜色
, U$ B& [* f& }7 G8 Z2 O' u6 i语法: background-color: <值>团购网站系统,团购网程序3 F! S7 Z: {& R; V% W& o+ u# Z
bbs.163k.com% E' \* w( s2 N+ ~
允许值: <颜色> | transparent (透明)
/ E. Z) t" p1 s2 G3 j+ pbbs.163k.com
' T- f6 c, J1 D9 r% @2 }: o: @7 Z' ]163K网站系统官方论坛初始值: transparent (透明)bbs.163k.com( a6 O! [9 Y# T( _) H. S
团购网站系统,团购网程序( b0 {9 L5 V7 _, M' G
适用于: 所有对象
& c( m; Q9 T+ B' u163k团购网站系统官方服务论坛
) b* ^7 ?9 d2 k* V0 u* ?7 j+ p163K网站系统官方论坛向下兼容: 否163K网站系统官方论坛0 y+ a+ Y) r1 E' E( u; ?! i1 _# i
& j7 }! a$ h \! |6 e; M4 D163K网站系统官方论坛163K网站系统官方论坛2 w4 |! N% d/ A# g1 f. g
背景颜色属性设定一个元素的背景颜色。例如:
8 u- }" f, [8 s' y6 ~1 \
, r/ i$ \* B8 obbs.163k.combody { background-color: white }
# z( N; E2 ~6 U& |) M163K网站系统官方论坛h1 { background-color: #000080 }团购网站系统,团购网程序2 g' K8 ?& \6 F/ v
为了避免与用户的样式表之间的冲突，无论任何背景颜色被使用的时候，背景图象都应该被指定。而大多数情况下，background-image: none都是合适的。bbs.163k.com9 } `. X) N; [, R/ b
bbs.163k.com) ^' u6 C5 o" f" ]" }* o5 w
网页制作者也可以使用略写的背景属性，通常会比背景颜色属性获得更好的支持。163k团购网站系统官方服务论坛9 j/ d) u! T6 T2 {
) t% S6 { V1 q, B! g163K网站系统官方论坛团购网站系统,团购网程序# U5 G5 ]) `; Q* e! S2 `
--------------------------------------------------------------------------------
0 g- y, X9 x! F& N2 h163K网站系统官方论坛163k团购网站系统官方服务论坛5 t0 ~) }" h; x% Y4 _2 }
- ~5 |) Q' @$ Y: O- s1 U163k团购网站系统官方服务论坛背景图象
; E/ N6 |1 g! B4 r2 j5 p为互联网事业发展提供源动力！语法: background-image: <值>
F$ `, Z% J2 P5 l- xbbs.163k.com163k团购网站系统官方服务论坛! m$ v( C4 V& L7 a' C J& c+ {
允许值: <统一资源定位urls> | none (无)
' I5 @. v6 F" Z$ j% c% Q5 F" ^为互联网事业发展提供源动力！团购网站系统,团购网程序 _1 K1 @$ U6 ]* r
初始值: none (无)
* B" Z$ a# F) b1 j8 P( T; I& x: Zbbs.163k.com
7 @+ [0 r% f9 b8 O- G6 }为互联网事业发展提供源动力！适用于: 所有对象
7 v/ S9 U0 {) A1 q g& y) o& t163K网站系统官方论坛
+ a- f+ j8 E4 } f向下兼容: 否bbs.163k.com- m i$ I4 ~. W9 }; q
/ I1 n) [7 ]! q( w. L7 i" P* M
* B5 X. h- a% S8 u4 S5 H0 i团购网站系统,团购网程序背景图象属性设定一个元素的背景图象。例如:0 ]4 x) T" \2 Y1 W+ G
bbs.163k.com) W& v( C8 b! z# `: ~7 K9 @
body { background-image: url(/images/foo.gif) }% D. F2 l) \* s/ @; M$ ~
p { background-image: url(http://www.htmlhelp.com/bg.png) }
c' Y: w k4 c' K1 [- U( p) A" V' b为了那些不载入图象的浏览者，当定义了背景图象后，应该也要定义一个类似的背景颜色。团购网站系统,团购网程序) ]8 t1 [( b, }3 w
163k团购网站系统官方服务论坛4 l8 y. C; W! n; k; ^: y- w
网页制作者也可以使用略写的背景属性，通常会比背景图象属性获得更好的支持。+ a/ M1 r% w5 T- v* w8 g
团购网站系统,团购网程序) o1 V3 e/ i0 `4 t% B
! c! m1 ?4 a4 E0 b" d6 X: w2 W163k团购网站系统官方服务论坛--------------------------------------------------------------------------------为互联网事业发展提供源动力！) B% N/ H4 @2 A) U; a
0 ?, |) b. Y- R' z* ]163k团购网站系统官方服务论坛背景重复为互联网事业发展提供源动力！2 e6 X8 u- R7 Q( H w7 s2 q$ I( ~
语法: background-repeat: <值>
! `* @: i% r: G4 x* r5 p4 t+ W为互联网事业发展提供源动力！2 l0 Z) H5 b* M9 ?/ @/ Y8 `1 x( X# N
允许值: repeat | repeat-x | repeat-y | no-repeat
. O5 F: c, o/ E$ Y( K+ S' K' J163K网站系统官方论坛团购网站系统,团购网程序0 z4 }3 z; `0 r% H6 S
初始值: repeat
8 q" X9 G, H: k6 B团购网站系统,团购网程序163K网站系统官方论坛$ Z* E' V) P6 j3 M" u( E: k& S+ y" s
适用于: 所有对象163k团购网站系统官方服务论坛& Z" u: L% n; J) V( Y
0 D! F) a( M3 a1 D8 K团购网站系统,团购网程序向下兼容: 否
7 i+ n6 n! ]2 |2 E+ |) l2 }bbs.163k.com
/ u2 N0 N8 n( N3 U1 J5 V3 B团购网站系统,团购网程序bbs.163k.com2 t8 N3 N* y6 w* d
背景重复属性决定一个指定的背景图象如何被重复。值为repeat-x时，图象横向重复，当值为repeat-y时图象纵向重复。例如:
, b, c9 B& ]1 Q1 ] O163K网站系统官方论坛
8 H; |3 P3 z) j, ~ r Z2 } nbody { background: white url(candybar.gif);
; n/ j: J2 b& N5 m163K网站系统官方论坛background-repeat: repeat-x }
+ z8 j# `. {4 C% t9 L" @) N7 S为互联网事业发展提供源动力！在以上例子中, 图象只会被横向平铺。
2 a! H% H5 ^" O! d- e) @163k团购网站系统官方服务论坛5 ?7 l! q ?" c
网页制作者也可以使用略写的背景属性，通常会比背景重复属性获得更好的支持。
5 b- o, u( t- W0 f% Y2 m& f1 z团购网站系统,团购网程序
l% O$ T- i( {bbs.163k.com
. |7 E# z' k0 {4 w5 T163K网站系统官方论坛--------------------------------------------------------------------------------163k团购网站系统官方服务论坛+ N, r, J6 K, B7 _& @9 h) j
8 R6 h. i; C [( w. H b163K网站系统官方论坛背景附件团购网站系统,团购网程序! J- \9 l3 F" s; B
语法: background-attachment: <值>
x% z O$ i6 D& ^/ i" U$ p5 p; f团购网站系统,团购网程序
) }( J3 O( ?- ?5 G! C G9 p7 j团购网站系统,团购网程序允许值: scroll | fixed
7 ` }* G, n" Y: p+ q0 f163k团购网站系统官方服务论坛163k团购网站系统官方服务论坛# U1 J$ G$ d* w) L* y$ P! o1 L7 r
初始值: scroll: Z& `" o" K9 X7 P
163K网站系统官方论坛: L' P0 s' [; [9 N( N
适用于: 所有对象
L3 S4 V# Z' L, s5 a' N. j, u
- ^( G% Z( q; d5 Y# U4 z为互联网事业发展提供源动力！向下兼容: 否
: _. T! Q: S; ?5 v9 h163K网站系统官方论坛163k团购网站系统官方服务论坛$ P- ~! ~! i" G- q
bbs.163k.com5 f4 [5 x; y, o
背景附件属性决定指定的背景图象是跟随内容滚动，还是被看作油画固定不动。例如，以下指定一个固定的背景图象:为互联网事业发展提供源动力！, ? D/ w g* t# `7 M" `# e
3 U* A2 C9 l5 Jbody { background: white url(candybar.gif);
% o1 ~0 {/ f. B7 n5 n6 u' Q: C团购网站系统,团购网程序background-attachment: fixed }
$ i# l4 ]) j+ \/ m+ V, G, m7 bbbs.163k.com网页制作者也可以使用略写的背景属性，通常会比背景附件属性获得更好的支持。8 ^8 Z( u& X. R; W/ B6 W, x* Q
7 L6 [2 |; p% c$ H6 M163K网站系统官方论坛为互联网事业发展提供源动力！. k2 G# b7 E- ^0 b+ @5 j' M9 b6 a
--------------------------------------------------------------------------------
, ?# G( ]4 F# _9 v; ^6 m为互联网事业发展提供源动力！
* i5 K( Q5 b; a' p) Wbbs.163k.com背景位置163K网站系统官方论坛 G8 ?2 j& A ~. _
语法: background-position: <值>
$ z" {9 A2 g$ s3 C2 r4 S$ Q163K网站系统官方论坛163k团购网站系统官方服务论坛 }% X; ^6 K. Y0 i0 z; B( L
允许值: [<百分比> | <长度>]{1,2} | [top | center | bottom] || [left | center | right]
6 w& i) d8 c8 z" R( m
* e" b7 x2 t& I% b6 d& _( A163k团购网站系统官方服务论坛初始值: 0% 0%bbs.163k.com+ ^/ P$ V2 r% o* v
0 O% a* i( b- s( A163k团购网站系统官方服务论坛适用于: 块级及替换元素2 i' ]1 N* r3 d. P! S: l) p
163K网站系统官方论坛 l5 L8 S0 P& i
向下兼容: 否bbs.163k.com; S; h5 _* r( \) n+ x! f
2 P# u' S# E' ?bbs.163k.com# T8 m7 \2 E/ `6 Q' x q
图象位置属性给出指定背景图象的最初位置。这个属性只能应用于块级元素和替换元素。(替换元素仅指一些已知原有尺寸的元素。html替换元素包括 img, input, textarea, select, 和 object。) 团购网站系统,团购网程序3 i1 N4 Y/ H Y) h- t) |
" _" i& }" s/ L2 b- A7 |( S
, J) ^7 C8 A1 |! F9 m163k团购网站系统官方服务论坛
7 m- ~, k" ^+ p0 @: w. c3 j7 Obbs.163k.com安排背景位置最容易的方法是使用关键字: 团购网站系统,团购网程序5 h6 n0 F% c9 |% `* z q
163K网站系统官方论坛7 C# h2 a0 h5 d
横向的关键字 (left, center, right) 5 a0 l$ h3 K3 T
纵向的关键字 (top, center, bottom)
) F* L' p9 i5 S" p R: d4 |4 n! T百分比和长度也可用作安排背景图象的位置。百分比和元素字体大小有关。虽然使用长度是允许的，但因为它们处理不同的显示分辨率有不可避免的缺点，所以不被推荐。
* r1 f" T) T/ i: {6 Ebbs.163k.com为互联网事业发展提供源动力！4 M: `- D: M( [# C) x
当使用百分比或长度时，需首先指定横向位置，接着是纵向位置。一个值，例如20% 65%，指定图象的左起20%上起65%的那点会被放在元素的左起20%上起65%的那点的所在位置。一个值如5px 10px，指定图象的左上角会被放在元素的左起5像素上起10像素的位置。团购网站系统,团购网程序8 j9 m) R; Z3 W* G/ q+ g1 l0 K' O4 r
163k团购网站系统官方服务论坛+ k7 D! c+ `- u. d/ x# y
如果仅给出横向的值，纵向位置的值为50%。长度和百分比的组合是允许的，负值也行。例如，10% -2cm是允许的。虽然，百分比和长度是不能够和关键字组合。/ s: \/ }* V8 D$ n
团购网站系统,团购网程序/ S0 l2 Z" J- P( o
关键字解释如下:
) A& M" y) i9 E- `6 s5 k _团购网站系统,团购网程序
$ i0 T/ a2 O% a/ X9 r# a/ L为互联网事业发展提供源动力！top left = left top = 0% 0%
b5 H- ~/ E; b [# ~9 K163k团购网站系统官方服务论坛top = top center = center top = 50% 0%
. ~/ m: c! D) z u7 d5 [$ _163K网站系统官方论坛right top = top right = 100% 0% 163k团购网站系统官方服务论坛* L; C9 U8 \% r7 k7 H: u
left = left center = center left = 0% 50%
- q7 k: p! T2 E7 Q9 P9 zcenter = center center = 50% 50%
' e S' I+ N) T- S9 p! k& p _bbs.163k.comright = right center = center right = 100% 50% p/ a/ p# d# G: B' P U; s1 C
bottom left = left bottom = 0% 100% 团购网站系统,团购网程序( ]4 {' b2 z4 g1 l
bottom = bottom center = center bottom = 50% 100% 163K网站系统官方论坛/ X8 I1 O" K9 J- _' B
bottom right = right bottom = 100% 100%
# M. _ C* n! Z9 u如果背景图象被看作油画般固定不动，关于油画的图象会代替元素被放置。
: g1 J; P4 `* |! [; ^2 y3 u- tbbs.163k.com163K网站系统官方论坛 ?) [4 P# z5 c
网页制作者也可以使用略写的背景属性，通常会比背景位置属性获得更好的支持。团购网站系统,团购网程序' ?5 |( W6 D& C* V7 m; |
) E% W! p' R6 {5 x! e& B163k团购网站系统官方服务论坛
4 H% t& i9 F" e6 R163k团购网站系统官方服务论坛--------------------------------------------------------------------------------bbs.163k.com- y E( t+ n3 {7 J
) R! ]. c3 n1 t1 ]" \! Bbbs.163k.com背景bbs.163k.com) p: b, i+ c. c4 |" U/ M# a+ t! t
语法: background: <值>团购网站系统,团购网程序" Z" V: y6 G6 k
% I; o0 }+ \# x" g- D }: J/ w163k团购网站系统官方服务论坛允许值: <背景颜色> || <背景图象> || <背景重复> || <背景附件> || <背景位置> . j' {6 i& h. z" e6 k Z; d# a' P
为互联网事业发展提供源动力！7 a& B! _4 S/ V% d. f8 l: j; [4 c9 E
初始值: 未定义bbs.163k.com9 e; k; _& S: [& U" Z2 N8 [8 ]
团购网站系统,团购网程序& Z+ K( |1 J" H# Y; Z! o
适用于: 所有对象团购网站系统,团购网程序* ]6 l6 e" m' g, R
为互联网事业发展提供源动力！0 J7 U% n. J# |. j4 U/ S
向下兼容: 否
$ h; ?; V' _8 W* C163k团购网站系统官方服务论坛163K网站系统官方论坛8 \+ [# y- m/ Q5 T, |2 o' T( m; Z
# A, [; w3 S+ s背景属性是一个更明确的背景—关系属性的略写。以下是一些背景的声明:团购网站系统,团购网程序2 n' f5 F; q6 ?& }
0 _$ l: e& ]6 s& }; X% G0 v为互联网事业发展提供源动力！body { background: white url(http://www.htmlhelp.com/foo.gif) }163K网站系统官方论坛. w- H$ P, v' m$ ]/ r1 ]
blockquote { background: #7fffd4 }163k团购网站系统官方服务论坛) E; G# r" S3 f% K& E
p { background: url(../backgrounds/pawn.png) #f0f8ff fixed }
: I; h5 v: l. s# e+ L163k团购网站系统官方服务论坛table { background: #0c0 url(leaves.jpg) no-repeat bottom right }163k团购网站系统官方服务论坛4 s( j- G8 n) }' q4 q
当一个值未被指定时，将接受其初始值。例如，在上述的前三条规则，背景位置属性将被设置为0% 0%。163k团购网站系统官方服务论坛5 Y5 l( k5 b& {5 {" f
163k团购网站系统官方服务论坛2 l$ l1 A& F( f! ]
为了避免与用户的样式表之间的冲突，背景和颜色应该一起被指定。
e7 d" N6 u, Z c: s7 @
