通配选择符的权值 0, R& j. ^1 {7 _3 D
标签的权值为 1
' {) T) I- [+ o/ f- i l% s类的权值为 10
9 `+ x+ P8 q" E" S属性选择的权值为 10/ B8 n- ~9 B/ _
伪类选择的权值为 10) n/ r5 z2 |8 P' P) D L
伪对象选择的权值为 1: x# Y" E+ _) v) \& H& ^
id的权值为 100
0 G3 z( N6 M( ]9 _; H6 Wimportant的权值为最高 1000
7 X7 a7 o8 g; X# t4 H) Z规则是:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先3 }! w. \' ^: K' H
注意:% s3 [6 a6 e( J$ c( X0 T
1.除了标签选择器之外,要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的,如果适用范围是公共级的,应该放于全局的定义中。但,如果它只影响于某个栏目,那么就应该把它放在栏目级的作用域中。
& W( ]% K6 ~. k% ] k2.标签选择器一般属于栏目定义,有时会用于公共级作用域中,除了最基础的reset之外,应尽可能少使用在公共级定义中
) K3 n! ~0 O1 W5 s/ V3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候,应特别注意它的作用域,除了最基本的reset之外,在公共作用域中最好不要使用标签选择器,在栏目级作用域中也应尽可能的少用。6 O& T$ T0 @9 u6 u* t! b
4.同类选择器无加权
@# J! C& v" R9 ]8 h' p. [常用有继承性的样式定义:4 I+ ~: {0 R) s
text-indent
' z; O% X- f/ r9 g6 r vtext-align3 i* [ \* K: h8 j( ]' T
layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
7 S; p; C# d1 d, p. q; qwriting-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl: P0 R( f7 t- Y
line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
: j" R7 [2 Q" M' C) G3 o- F# L, fwhite-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式' p0 h6 [% k ]- S& g( l1 I
word-wrap,这个属性可以控制换行+ Z% y% X0 H/ f$ i2 m
list-style
9 [# ], |) B4 ^7 {# o: [list-style-image
* J, ~$ n& M4 @1 Elist-style-position: f" e3 h7 _" U) X, j$ ?2 I9 B
list-style-type
+ C+ Q/ W$ e: v/ Ffont
6 ^, l( y% A1 R- N; q. efont-style
% ^. _7 J( P" vfont-variant8 `7 x9 k4 A% i4 S6 t8 ~5 ~
font-weight
9 W5 G6 W( `% _$ ~5 W9 D8 L/ h Tfont-size
. L% J, I T0 s( u4 @line-height3 v1 _$ n5 J8 C& c* f
font-family
$ ?% ~& m- D4 c7 }/ k0 J/ ncolor
: \2 |1 A- w5 s* d& ztext-transform1 L% D* {) m% r- [
letter-spacing
( A; Q. @1 R8 p" p3 o( i$ zword-spacing,增加或减少单词间的空白$ ~+ l0 i. k6 l
7 d# V3 q/ D7 v$ I+ e更多网页制作信息请查看: 网页制作 |
|