通配选择符的权值 0
2 h# g% |) u6 _7 [5 s% F9 N) _0 X/ h标签的权值为 11 }7 \+ V) E3 O
类的权值为 10. @9 x, g5 u% ?5 n) Z/ W" n
属性选择的权值为 10" d+ ~5 g# _9 f
伪类选择的权值为 10
0 a& @/ s+ k( z. [$ x' w伪对象选择的权值为 10 Q& V& b* q7 G9 X
id的权值为 100 C7 k$ p) L$ |$ W' b
important的权值为最高 1000, E0 t! U8 T$ u2 ?3 A
规则是:选择器的权值加到一起，大的优先；如果权值相同，后定义的优先
* _6 X0 u/ a/ F: \0 d0 C. Y. q' e注意：
- S. j4 ~9 s8 r% z9 @0 V1.除了标签选择器之外，要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的，如果适用范围是公共级的，应该放于全局的定义中。但，如果它只影响于某个栏目，那么就应该把它放在栏目级的作用域中。
3 a5 j; ~) K ^3 s& l9 c2.标签选择器一般属于栏目定义，有时会用于公共级作用域中，除了最基础的reset之外，应尽可能少使用在公共级定义中, ]) D! Q4 K6 U$ F
3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候，应特别注意它的作用域，除了最基本的reset之外，在公共作用域中最好不要使用标签选择器，在栏目级作用域中也应尽可能的少用。9 M6 J7 ]6 s$ O/ l7 p
4.同类选择器无加权
/ @7 Z% n# c% y' ~, |常用有继承性的样式定义：
' \1 Z4 Z. g+ e1 Ktext-indent, K, }2 r3 H2 H, A
text-align* C* \2 Q2 G/ M
layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic; p& ^, v' H% G. `0 j; e- b/ r
writing-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl
# Z) l" b# O5 r5 fline-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
7 [* v9 k, C9 j# ywhite-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式% w$ e* n" y8 Y
word-wrap,这个属性可以控制换行: g* n+ s: O% [5 B
list-style
0 h1 p! Z3 t zlist-style-image
3 D, x7 P9 t6 y; s) L# zlist-style-position
- T: {7 r8 n% Z S% i; k6 e' _list-style-type( v9 a- p0 R' F% A
font" m% _7 B* e! l; Q" X
font-style
% \6 s/ `, T8 p: l+ wfont-variant: U$ P7 M1 ]- X. @/ B" u) s
font-weight
+ O9 j8 o; \/ J+ ?+ R! M# ?! pfont-size! p( d- c: |! Y% G
line-height
1 p: \- F( u6 \) h9 {% K: a' Qfont-family9 m3 o6 y& p/ c, b( X; G
color; Y8 w3 D5 p% S+ @! H/ r
text-transform
; U( e9 \( o* z( r hletter-spacing& d" i, S" O9 g' j6 ]! p( T
word-spacing,增加或减少单词间的空白2 S! I7 I3 U/ Q, O2 H
6 _, M9 k% c5 [: [$ c- f) E% T9 L
更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
GEO优化，企业抢占流量高地的制胜法宝404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡