通配选择符的权值 0, w: G3 y, y0 h- l" b% f& I
标签的权值为 1
! }( k! W0 h- B/ T# N" x类的权值为 107 |% m, f1 L" g
属性选择的权值为 10
( E2 s( z' S/ W$ ^+ `+ I' G伪类选择的权值为 10; I- z5 C S$ \7 D% B4 V
伪对象选择的权值为 1! {+ `/ Z% W7 a% y3 W2 G
id的权值为 1002 T* b- I: g* [* q, i% B
important的权值为最高 1000& {9 a+ X2 b# e/ t
规则是:选择器的权值加到一起，大的优先；如果权值相同，后定义的优先
* A7 t& ]0 @1 R$ [) X+ {注意：, I0 ]& G4 }% p7 O- j& n
1.除了标签选择器之外，要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的，如果适用范围是公共级的，应该放于全局的定义中。但，如果它只影响于某个栏目，那么就应该把它放在栏目级的作用域中。; k6 I/ k* L2 Z7 ~3 I4 t {5 u$ s
2.标签选择器一般属于栏目定义，有时会用于公共级作用域中，除了最基础的reset之外，应尽可能少使用在公共级定义中
* g6 L5 w3 o# u+ H* x) O- ]' V3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候，应特别注意它的作用域，除了最基本的reset之外，在公共作用域中最好不要使用标签选择器，在栏目级作用域中也应尽可能的少用。, d& l& X& |' e; T# T5 s
4.同类选择器无加权
9 x2 V8 z7 p& ?7 i2 N' Y常用有继承性的样式定义：- q# V. K& X m
text-indent1 `( n- v/ a }! g# g
text-align
2 g) k! ]% i! X( s' hlayout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
. I* q" n" o3 r% w" d# Nwriting-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl
3 p$ H7 C A/ Yline-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
0 O7 W4 }& ]9 mwhite-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式0 G0 ~# L0 W2 w9 m; ~! ]
word-wrap,这个属性可以控制换行& _' n+ N4 }/ G& L& s& z2 F$ @
list-style
9 G" v2 |2 C* G8 e# w0 klist-style-image1 \. O/ V6 C; x# E& J8 f5 R
list-style-position
2 A0 u" W* k0 E; |$ y' a* zlist-style-type
( f& n1 n. V4 C, q8 G3 d, Dfont8 _$ `4 C |7 X2 F/ q9 U7 Z
font-style
% n& ]4 j0 C0 A! [5 y# qfont-variant
: Q% ~0 V$ |8 Q5 h* O, T3 }font-weight0 x) u0 ~- C6 e: F
font-size
7 P) I/ ]8 \: ~) U5 hline-height/ h& W2 W( I0 D- o+ W. A0 s
font-family) u8 l0 q" ]& Q/ j$ x
color3 R; V* Z( u6 L" k
text-transform
6 {9 T1 q8 U! Fletter-spacing
9 g& O, u! O' N2 dword-spacing,增加或减少单词间的空白9 W. s0 j) U" ?; C% [' T
5 f* x# v0 s7 m! {! E/ P更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
GEO优化，企业抢占流量高地的制胜法宝404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡