1. 属性写在一行内,属性之间、属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; }
}) _* X& n3 C1 N0 i2. 属性的书写顺序:5 B, t9 U! a m; k' Q; j- a
2.1. 按照元素模型由外及内,由整体到细节书写,大致分为五组:. `8 j- v+ }$ I! h+ s# _
位置:position,left,right,float; D* u+ F2 _* j# `3 x) o
盒模型属性:display,margin,padding,width,height0 M8 ^# ?* @0 y1 K. `5 \# r
边框与背景:border,background3 i/ Q" R# h, R& N; Y. o* u/ f) z$ G0 A
段落与文本:line-height,text-indent,font,color,text-decoration,...
' X6 l8 `) K' p- [. b6 J& U其他属性:overflow,cursor,visibility,...
; @- L0 P- w9 m( g& p& N9 J1 v T2.2. 针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
7 ^; I9 s. S5 p- B" o% S5 c3. 谨慎添加新的选择符规则,尤其不可滥用 id,尽可能继承和复用已有样式4 _% b& k. i1 T0 n
4. 选择符、属性、值均用小写(格式的颜色值除外),缩写的选择符名称须说明缩写前的全称,例如 .cl -> clearfix
% q9 p+ _% g: ]" L: d+ a6 Y5. 避免使用各种 css hack,如需对 ie 进行特殊定义,请参阅下节“关于 css hack 的说明”
9 V- E1 E H$ [* g* O6. 勿使用冗余低效的 css 写法,例如:! |7 }, i' L, w0 z0 s
ul li a span { ... }
. W* N& v G1 S% d+ p, ~" J5 ?7. 慎用 !important& y# f& d: M+ a: D7 D
8. 建议使用在 class/id 名称中的词语
0 R1 b" ?: i$ i7 p. b2 Q+ s6.1. 表示状态:a->active5 b& v% \+ e+ _; o7 J
6.2. 表示结构:h->header,c->content,f->footer
' m3 |. d- h3 y% x9 W$ r6.3. 表示区域:mn->main,sd->side,nv-navigation,mu->menu, E, h* q% [9 y
6.4. 表示样式:l-list,tab,p_pop
( [) I3 l2 m9 \" A1 F7 |/ N9. 开发过程中的未定事项,须用 [!] 标出,以便于后续讨论整理) i* `7 L$ m, X9 t3 D9 O
6 j- C& d Q" p& t6 G& z更多网页制作信息请查看: 网页制作 |
|