返回列表 回复 发帖

CSS样式命名规则(参考)

1.样式命名9 t# R' d- g1 _

0 \+ {. P& U( |3 J2 T( x外 套:  wrap
( W7 u3 h# T3 ]$ t! ^# E! J! [0 \3 Y主导航:  mainnav
3 d/ p& n8 r1 S! @  G4 U子导航:  subnav
2 {* o# `  ], [) N; F  }& e2 x页 脚:  footer- Z$ i4 `2 ?. ~3 p+ h) l& _! u
整个页面: content
/ I, |. ^6 f5 @2 l5 r页 眉:  header# }! L0 a0 u7 p+ V: {$ m- n0 j
页 脚:  footer; I6 R5 P2 R& G* B
商 标:  label
" ^% e) S4 A% }' G4 g. Z( W9 r* x标 题:  title3 E' ^" s( ^" s# v! ~
主导航:  mainbav(globalnav)
6 M: G6 J8 a( J1 _顶导航:  topnav
3 W7 G; F1 U7 P" o边导航:  sidebar
9 x5 G, t$ Q% k$ l  y3 n& h左导航:  leftsidebar
5 V3 ?" z8 D  h7 f5 |8 K右导航:  rightsidebar6 M9 d$ ?( P9 i+ n8 d
旗 志:  logo
3 @7 y7 f% ?* E6 Y. u标 语:  banner2 T; q! t3 z4 P4 V+ F
菜单内容1: menu1 content
+ S3 j' X) A" H5 j6 P菜单容量: menu container4 b# Y, b/ B4 _* b
子菜单:  submenu+ v5 _6 M. X  {0 L
边导航图标:sidebarIcon
5 _+ B6 }5 r$ m4 J' P6 V7 j注释:   note
+ e$ G6 T( u( F( F  `( p面包屑:  breadcrumb(即页面所处位置导航提示)
% v9 X/ m8 _& K1 @) B容器:   container; E2 O# ~5 I$ T/ ^/ m) ~
内容:   content
* }+ |* k" Z. X搜索:   search) r/ D: ?" S7 j+ |$ s
登陆:   Login* H/ [0 n# c# |8 L5 |. F- ?1 n/ l
功能区:  shop(如购物车,收银台)5 X# _1 z2 a+ n) |7 r( z" Y- ?
当前的   current
. D" f2 j" V" @+ r& p# _4 p& D- n8 ^( u$ P& C( a5 f
2.另外在编辑样式表时可用的注释可这样写:
1 d% X" A- m) T. x  K% i
# h+ H# D5 j- C* A% x: p: p<-- Footer -->
- p+ I& O( z' x6 h0 s# F内容区! a# {  z1 h  l, g" ?3 y3 Q' \( ]
<-- End Footer -->
; U$ y2 I& ^: c& f- x( j
1 l4 X+ X( X# o  y2 B' e* c% X3.样式文件命名
5 A) k5 n3 _% Q. E! x% }( \/ y; [2 e+ j4 v/ z# o
主要的 master.css
4 J2 r% k; m, ^) Y0 ^" H+ [2 S& @* g8 [5 k布局,版面 layout.css4 R/ z0 X$ b5 e/ J: j' f# e
专栏 columns.css
0 i3 m5 F0 X, \! i1 Q8 r文字 font.css% U5 C4 t2 o/ j0 [  x- t
打印样式 print.css
' L( K! ~3 V& q  M* }0 v( ^  ~主题 themes.css
怨去吹箫,狂来说剑,两样销魂味。
返回列表