通配选择符的权值 0+ ]/ }& ~9 f) _- I w
标签的权值为 1
( Z5 j4 P( T% J; ~类的权值为 10& P$ ~# R! {2 q3 s# p
属性选择的权值为 10
. Q0 z, g8 b F' i4 Y伪类选择的权值为 10, F4 k* E- b' f! k1 f1 _
伪对象选择的权值为 1
# i& ]+ h+ t7 i; h) ]+ |3 W4 Zid的权值为 100
. [2 |( ?+ }$ Q$ y qimportant的权值为最高 1000
. q; ^& J: e5 d3 ]) |规则是:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先
r m q! W" m1 Y% d# s注意:
5 }. ^+ F2 b# ~7 p, ]/ e7 u1.除了标签选择器之外,要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的,如果适用范围是公共级的,应该放于全局的定义中。但,如果它只影响于某个栏目,那么就应该把它放在栏目级的作用域中。2 Q, k6 i& g* @) t$ ?8 i
2.标签选择器一般属于栏目定义,有时会用于公共级作用域中,除了最基础的reset之外,应尽可能少使用在公共级定义中% g3 l P! |, i S5 l: @
3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候,应特别注意它的作用域,除了最基本的reset之外,在公共作用域中最好不要使用标签选择器,在栏目级作用域中也应尽可能的少用。/ |" |- s& Z" B5 W
4.同类选择器无加权
+ p5 L g$ I% O4 \+ y* v2 T1 S! \( ~常用有继承性的样式定义:
g T) }; F0 y4 ktext-indent
. c& ^& M! U& z4 S+ ktext-align5 s+ ?) Y$ O9 O( V$ z; M% K
layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
/ i d5 L6 J$ Q5 W6 W) owriting-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl- C. D- e+ \ u7 G$ K) Z
line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
1 u i5 H' a$ a' q& qwhite-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式
+ M) R3 ] f4 c- O) fword-wrap,这个属性可以控制换行
! A# `- l; X7 F7 v+ hlist-style
: _' w/ b7 d3 X7 U2 M4 Rlist-style-image
0 I) n a9 M2 j) hlist-style-position
0 b& q8 \ Z/ G- k; _" g3 Qlist-style-type, d7 [+ m: v9 R. E* q, S
font! H& D3 f! X$ a* ^
font-style
* Z6 j; l# r/ r wfont-variant
! ?7 Q. F) ?- o5 F$ ^font-weight6 d' D$ O0 O7 Y4 P# m: R
font-size$ ?& t+ i1 a! \$ {
line-height
: x8 V9 c$ z/ v" I8 q) Q5 f8 }: yfont-family2 ~- x" I1 O" x
color
( d/ L% q$ \: P1 A" q5 e! jtext-transform1 S: ~/ {, q. ~0 | f
letter-spacing
6 g" f* H8 I# |2 y3 {7 Q- Qword-spacing,增加或减少单词间的空白+ m9 v. `1 h! `: y5 l" G
0 B* X& u) D( |- K2 {1 O, C更多网页制作信息请查看: 网页制作 |
|