返回列表 回复 发帖

CSS样式命名规则(参考)

1.样式命名
' ]1 N' P% r5 J0 n/ Y
; X* ?' a2 d- B4 y. a' {2 T" \外 套:  wrap) @( [0 S& f+ V
主导航:  mainnav6 R6 V& g* M; B$ Q3 _0 `
子导航:  subnav
6 @$ C+ Z, P" _) u- y页 脚:  footer
' X. @4 }  I) b- z. S4 ?9 I整个页面: content/ C4 m' t* C: z; u: }9 o
页 眉:  header. N/ k# t! Z; i+ s! k# L' ]/ |( Y
页 脚:  footer
& c$ {& u7 ^  u9 L. B1 w商 标:  label
2 a+ K! F5 V. w  D标 题:  title# |( t0 u% V- z, P" S0 X2 W
主导航:  mainbav(globalnav)
. P; w9 P9 j( `# f6 `顶导航:  topnav0 j* m1 U0 a/ k7 U5 X8 C
边导航:  sidebar: ], ^# h7 W9 x- d. E/ a
左导航:  leftsidebar
# G2 o5 U# d! y' ~3 @右导航:  rightsidebar
  r0 O% ]3 ]& j7 U+ t0 Q8 y' ]$ ~旗 志:  logo
9 V& i8 q: f, [9 ~0 D2 }标 语:  banner
' d3 S+ b3 E$ V! X菜单内容1: menu1 content
" V# G& k  [# i4 r. _菜单容量: menu container! G4 C/ p  @  \: K' }7 [+ |
子菜单:  submenu
7 U  s/ K; [+ X) W/ i边导航图标:sidebarIcon3 x& o% x4 s9 V( Z4 Q* Y* q' p3 k
注释:   note( C( h0 c: F) {6 H. Z5 ]
面包屑:  breadcrumb(即页面所处位置导航提示)6 H; B- C9 r+ z& u7 I4 b
容器:   container$ `' q4 x) o& \9 x1 h7 a7 Z1 j
内容:   content
6 W1 `7 k1 x* [/ u; y% Z* o搜索:   search
0 ~* B+ m6 a0 p7 c* S登陆:   Login
6 L$ y0 U+ F& J" V& [% t' C功能区:  shop(如购物车,收银台)
/ J( ~! B( d3 m# P当前的   current" A  f0 b  x; Z+ \2 K
5 A& i+ Y+ R: d
2.另外在编辑样式表时可用的注释可这样写:
, Q- [# w/ U4 [) Q  K) e6 r0 z. @4 l- M# c% F' L/ ]& ?' F
<-- Footer -->
( h" e3 h1 H# e3 T内容区2 G) J- U# Q% X# |' G6 g( z  G. @. i
<-- End Footer -->2 ]$ h0 [( j0 p+ F! A+ h' @
8 Q; h7 m: Z: K" S6 q( P! S5 Q& |
3.样式文件命名
  b1 ?& ^  a: @5 q: z
4 l- |" [9 e  {, i3 L主要的 master.css4 S$ S8 y9 D* @! ], Z2 @7 z5 |
布局,版面 layout.css2 ^9 B& J3 n* F) e; x
专栏 columns.css
3 v; x0 J2 M& y* k$ N% d文字 font.css
# Y, f" _! _- a0 p打印样式 print.css: _* R9 \2 a: I$ a
主题 themes.css
怨去吹箫,狂来说剑,两样销魂味。
返回列表