通配选择符的权值 0
6 f; k# L6 I0 y2 a% z标签的权值为 1
$ D1 P( g C3 p类的权值为 10
7 o& N* w! V: T6 d4 Q属性选择的权值为 10
" q8 `8 Q; E, C1 ]4 u伪类选择的权值为 10
0 x9 N' m- k4 ?8 U* |9 o0 e9 ^伪对象选择的权值为 1
1 R2 y3 k2 Y2 _: G9 N9 l8 |$ eid的权值为 100! V5 K+ V7 ?$ h5 B8 v4 s
important的权值为最高 10000 H+ S1 \4 W: J+ z1 T0 C+ ?" ^
规则是:选择器的权值加到一起，大的优先；如果权值相同，后定义的优先# j- D: C) `0 b" U# k& G9 v
注意：+ _+ Z @9 P2 o; }# u8 I9 ]" |0 _
1.除了标签选择器之外，要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的，如果适用范围是公共级的，应该放于全局的定义中。但，如果它只影响于某个栏目，那么就应该把它放在栏目级的作用域中。, M r% g8 E7 y* _; y" A
2.标签选择器一般属于栏目定义，有时会用于公共级作用域中，除了最基础的reset之外，应尽可能少使用在公共级定义中5 o" z' ~5 [! B; ~2 s* h- ^
3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候，应特别注意它的作用域，除了最基本的reset之外，在公共作用域中最好不要使用标签选择器，在栏目级作用域中也应尽可能的少用。7 Y# S( n# d6 U" V0 K' y
4.同类选择器无加权4 j8 r% j3 E/ O m0 l( C O# M
常用有继承性的样式定义：% C' b# V: {+ l- z& y" z
text-indent
W0 E. q S+ l- F2 C! j8 Y( Mtext-align$ J* o+ a) }5 \. C/ b. J
layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic) z8 v1 l* `6 ?% K2 T2 h1 _
writing-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl9 U5 j; h# u. L9 ?9 [0 }) M
line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行4 T( ?3 Z0 d' h
white-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式+ @9 {! h; ~& R1 W
word-wrap,这个属性可以控制换行7 G b4 W" s+ j9 h- S& x
list-style
; f0 N; F- L: h9 Ulist-style-image
" u) {2 ]! K- ? p5 b2 Llist-style-position
* s8 M/ C f j% N# Z" `$ [list-style-type
9 j9 h) V& \; x2 nfont2 {& l; o( ]" V% S+ a) Z
font-style" _) ~/ J: g% s+ u. l6 I
font-variant9 K( N# r) }: \$ E4 m& }
font-weight
# H% S, |- B3 g$ y% Afont-size5 Z C0 O1 P( b* z* L
line-height/ t L. V2 s. l. V6 c8 S0 @- q
font-family; ]% _* H' G! v' M
color' z6 B' |4 a! T% Y. }% H
text-transform; M: I3 c/ z% z) i7 k
letter-spacing
. {# J7 m9 O- ~5 E0 K5 K0 f+ e) cword-spacing,增加或减少单词间的空白* E+ M: A& Z4 H
$ J* V0 G; \! I! _更多网页制作信息请查看： 网页制作 |
|
外卖新店开业第一周开推广，十家九家亏0打酱油
Ai优选商家寻找本地地推合作伙伴5256求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增1616网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡