通配选择符的权值 0
, a4 O8 z5 q# L, Q `2 I标签的权值为 1/ C f, u7 J) N" Q8 a
类的权值为 10. B! u+ v- f* W. u `3 M
属性选择的权值为 10
* M) q2 E& x, w* G, g伪类选择的权值为 10
/ d, f; b; u5 h f0 o5 e, B; x伪对象选择的权值为 1
& x% c+ h7 L. H* n' D) W( nid的权值为 100
0 k1 ?/ n0 B u/ l# H5 ]3 gimportant的权值为最高 10007 q: F' J0 }0 x, n
规则是:选择器的权值加到一起，大的优先；如果权值相同，后定义的优先
+ J( \7 H4 @" f注意：
/ q3 b# x- I6 V: Y1 c4 J7 o1 n1.除了标签选择器之外，要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的，如果适用范围是公共级的，应该放于全局的定义中。但，如果它只影响于某个栏目，那么就应该把它放在栏目级的作用域中。
9 s$ A3 K. h5 i. q2.标签选择器一般属于栏目定义，有时会用于公共级作用域中，除了最基础的reset之外，应尽可能少使用在公共级定义中+ M+ V9 O- E1 t( Y( E% m
3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候，应特别注意它的作用域，除了最基本的reset之外，在公共作用域中最好不要使用标签选择器，在栏目级作用域中也应尽可能的少用。
/ {6 p! Y" ~( W/ t- e6 c4.同类选择器无加权0 h. O8 ^! j' j, k& U$ B
常用有继承性的样式定义：
c# l8 Q- I/ x! Q# Otext-indent
! {- B, j+ P, D0 U, p- rtext-align
; K$ R, M/ |3 w/ e9 K2 I! Playout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
) H) l4 {- X; z4 Q4 R$ p2 bwriting-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl
( `- M: C' S, U0 a4 qline-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
$ Q& f7 R: [1 P2 zwhite-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式( T/ z0 W' k, Q/ S2 E4 {; y7 S" D- T& K
word-wrap,这个属性可以控制换行; ^0 K# t' z0 @% C% a
list-style
5 ^/ q& |" S" o1 Mlist-style-image2 @2 y/ z6 } I/ v
list-style-position
5 }. i' |% @+ X( z! Llist-style-type4 J; }; C- j: _( E
font/ X& P6 Z0 r1 K3 G! D# d a
font-style
2 w6 o0 n, G+ o' p: H. vfont-variant
9 s6 l6 A7 t& s8 Hfont-weight' y* r& S3 [% }' w; x
font-size. g1 |! k1 M9 ~/ Y2 @
line-height6 d7 B$ P4 d) m; E
font-family
- F( ?! W% R0 \6 `" ncolor/ o7 ]- {% y, y& N4 E
text-transform
+ O6 b I# `( z; [4 D! ~- a% e( }* Dletter-spacing
' k* k* ^8 r2 _. J1 P4 i+ p* Xword-spacing,增加或减少单词间的空白: S/ c+ O5 ^0 w
7 [% t3 }* l+ P- f
更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
GEO优化，企业抢占流量高地的制胜法宝404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡