返回列表 回复 发帖

CSS样式命名规则(参考)

1.样式命名& N! Y* K' E4 J, M7 _: o

' x  [) I4 m+ R: r9 i外 套:  wrap
2 u  w4 E( v+ ]0 T1 a$ U主导航:  mainnav* t: G; @' D# ?
子导航:  subnav9 h1 X. Z( }8 m, x4 ]. U2 q
页 脚:  footer% }5 J  N5 J1 R+ N% t) N  e! B( \  W! i
整个页面: content
- e, z9 p9 ^- [( @页 眉:  header8 X! S4 x3 n3 V, u/ e% b
页 脚:  footer6 L0 [3 h8 y4 o
商 标:  label
) h2 u/ K  P! R7 m/ [, Y6 {标 题:  title
# K/ p2 k0 I1 h' I( x' m1 t; e主导航:  mainbav(globalnav)
# H, f5 u% I9 W8 |顶导航:  topnav
2 [6 R+ s+ V) X9 H5 I边导航:  sidebar4 F/ l3 i- {$ _9 X: k  m
左导航:  leftsidebar
4 f9 {4 ^8 E4 g+ {- o3 V右导航:  rightsidebar2 n. B/ n+ C2 q. T
旗 志:  logo5 s$ Q4 i" X0 v2 p6 p8 r
标 语:  banner1 s6 i( @: a) }  n' Y3 z
菜单内容1: menu1 content
( Q9 e" t- O4 D: w; R+ E菜单容量: menu container
0 J. E5 v' y, {; x0 S% x7 o子菜单:  submenu
, D& P6 }" ?- ~边导航图标:sidebarIcon8 Y# _( p9 m! u  F$ l2 n
注释:   note
+ e. Y% Z* T) s* @: V+ ]/ ^& ]面包屑:  breadcrumb(即页面所处位置导航提示)
+ E( h0 \+ f$ b$ F容器:   container
, s- z* q% L( v9 E1 Q1 V6 [4 X7 D内容:   content* Z; ]. t6 m4 d) ^: m0 ^
搜索:   search
) I$ j" G! N. I- ~0 z登陆:   Login7 c" L! e, u% a. H& v1 q/ ?/ L
功能区:  shop(如购物车,收银台)
! Q7 B/ x- E( |! n) A+ c当前的   current( r3 w; n$ P! @" ~
$ P# F+ X5 }5 D& ?5 [
2.另外在编辑样式表时可用的注释可这样写:% _2 l6 L( C, R
- G( _5 t$ C6 v
<-- Footer -->
" i- L+ f6 ?0 X1 j* R: I; c/ M8 T内容区
7 e8 L6 L5 S. t8 B<-- End Footer -->
  ^/ P8 U6 f3 t& F
0 v: f! }) u9 x# A/ x3.样式文件命名  T9 [- e# ~! E3 l" R# x! v3 s
  E# s. I; Z& b
主要的 master.css/ b$ E; _1 h! |* w
布局,版面 layout.css
2 e' W& I+ @- {. p: B- [- n专栏 columns.css
' {9 A( s' c  F. D5 i文字 font.css& ]( C% ~$ p, a; |
打印样式 print.css
/ A& U! y3 l' r" g. v6 Q0 M7 g& U主题 themes.css
怨去吹箫,狂来说剑,两样销魂味。
返回列表