通配选择符的权值 0
8 e n& w0 ^4 M9 F/ \* X标签的权值为 1
- u5 N& H& |/ o* i8 Y类的权值为 10& [; u% y& v, B( M1 M
属性选择的权值为 10
/ L, B9 K% K# Y" ]6 b1 y( j' O伪类选择的权值为 105 u, A; f& e$ K. U
伪对象选择的权值为 1
( j" H; D6 O! b, P9 z2 x! L, Zid的权值为 100
6 U5 U# \) p8 L% i/ P+ p2 a/ kimportant的权值为最高 10004 t' |9 c& L3 x0 E3 ]& W7 R$ `
规则是:选择器的权值加到一起，大的优先；如果权值相同，后定义的优先
C2 c9 I% b' L注意：# b9 Z4 ?8 V& i5 @: A5 ~$ x
1.除了标签选择器之外，要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的，如果适用范围是公共级的，应该放于全局的定义中。但，如果它只影响于某个栏目，那么就应该把它放在栏目级的作用域中。8 P/ t, X- ]* s
2.标签选择器一般属于栏目定义，有时会用于公共级作用域中，除了最基础的reset之外，应尽可能少使用在公共级定义中
" O5 A0 x9 P/ Z4 C ?3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候，应特别注意它的作用域，除了最基本的reset之外，在公共作用域中最好不要使用标签选择器，在栏目级作用域中也应尽可能的少用。7 T$ {- `6 ^0 X* B _
4.同类选择器无加权$ L+ ^" }1 T3 E/ }" F7 Y T( ?
常用有继承性的样式定义：
- q: r) T' ?9 |# h- F3 w" K2 mtext-indent. d' y; D. s' w+ D& P* o
text-align; e9 J2 V: Q" h/ Y5 w/ r, X$ R
layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
# t* K0 i1 m! }writing-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl
7 Z9 S2 J0 _ z& H6 \line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行1 K$ V. w; H3 T, m
white-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式
. J. S$ U" k8 T6 F& z1 g3 F$ a2 Y3 tword-wrap,这个属性可以控制换行( W* B2 O N9 Q. E
list-style" B6 N* L, x T9 y6 m
list-style-image
3 X9 p; g8 {& ?5 Z0 Clist-style-position p2 d4 {" f. _9 E0 W
list-style-type
* R" d. n- ]2 J' d9 vfont7 Q* ?% |* z" U+ C. I1 ~+ _+ ~
font-style
& f" A! A* L, B2 B- v* z1 Z/ Vfont-variant) Q$ ~$ F+ F2 i- W. |% S$ C
font-weight
, b+ S& k/ P A0 jfont-size
- C. X' ~3 o; r+ w- J' i/ `line-height2 r6 X; y" m( V( V U. W9 B5 j
font-family
& [! Q2 T* e) ^' J/ B4 d. x9 \) Scolor
8 C0 i k5 r3 wtext-transform6 n' }" Y- }5 c2 X" R: A1 u' ^
letter-spacing
; S! l1 [/ k! B4 Y: S: `5 Tword-spacing,增加或减少单词间的空白; Q4 I2 `( f v0 d% `( o) u9 o
. F1 a) N0 i0 P% W; Q6 h# x$ x更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
GEO优化，企业抢占流量高地的制胜法宝404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡