通配选择符的权值 0
$ S5 ~0 G6 I' ?- ?$ ~9 m标签的权值为 12 S6 L' y) b6 X
类的权值为 10
# E5 d# u: t% R属性选择的权值为 10
. s" d4 B5 ?& |2 Z伪类选择的权值为 10
6 S1 Z3 ?" |$ D8 ?( E9 P伪对象选择的权值为 1
) j6 j7 ^5 m! V) T( c0 V- Tid的权值为 100: ^" `9 ]3 k- j1 ^4 D
important的权值为最高 10001 G4 y8 Y2 Y% x3 ]1 j/ k
规则是:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先
& {2 i' M* L d% k$ l5 ?( {- U4 \注意:, n6 b8 m& G! W& L. \
1.除了标签选择器之外,要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的,如果适用范围是公共级的,应该放于全局的定义中。但,如果它只影响于某个栏目,那么就应该把它放在栏目级的作用域中。
H! i' }! u7 _ C( S2.标签选择器一般属于栏目定义,有时会用于公共级作用域中,除了最基础的reset之外,应尽可能少使用在公共级定义中2 b% D5 t: Z, t. t% N! O4 s
3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候,应特别注意它的作用域,除了最基本的reset之外,在公共作用域中最好不要使用标签选择器,在栏目级作用域中也应尽可能的少用。+ G. b8 R% i: Z3 _& U5 R6 u. `
4.同类选择器无加权$ m8 o; L) d8 z; J
常用有继承性的样式定义:: ]$ s" L6 Z0 x3 t# ~, y& F
text-indent
; ?) n" l$ {2 [; [ x: H) vtext-align
& u' D; I, K5 u" h7 P0 f2 Vlayout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
6 C( }# f: l1 F8 T+ P8 {' }writing-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl3 ~4 b( H9 k3 D: W/ F+ u
line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
6 Z8 H- U& _: f! ^! [, h; nwhite-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式
+ r% t5 d7 h1 I9 U- Gword-wrap,这个属性可以控制换行8 ^0 q. j. f U. p
list-style5 c/ A) W1 b+ ^; ^$ D( g- G8 T
list-style-image
& U, V" R6 u3 ]* ^+ T$ ?. J# z) Alist-style-position; G$ d: |, P0 f
list-style-type, x0 M/ D( k! c4 _. W
font
7 r6 V ]: [6 G5 L. Yfont-style
# h- k3 R0 s5 `6 L8 s1 h; tfont-variant
7 `# i3 S% i$ B' `- Q) L6 Efont-weight. Q/ L0 j" ]5 z) S5 ]; x
font-size
( b D& p7 b9 `& v* J# T- Aline-height
5 N" h _& q$ i: E6 a# Pfont-family5 P ?' w# g* ]4 n& k& t* [) A! S
color3 i% k( ~& X Q' K9 G2 I( Y
text-transform6 t: R5 }& O4 [! p; z1 V5 X
letter-spacing
: \# X' T- K. E) ]: Nword-spacing,增加或减少单词间的空白
) K3 c& x7 Y- V" @: y" B' H! M1 M6 u: f
更多网页制作信息请查看: 网页制作 |
|