返回列表 回复 发帖

CSS样式命名规则(参考)

1.样式命名& l+ [' {+ M# t3 \

, Q0 w) f: U; z1 i3 l外 套:  wrap
7 {1 s' s( l9 h. @8 m  B+ s& d主导航:  mainnav# }% A  W" x/ Z- Z5 l" J; r" X
子导航:  subnav
( ?0 M% @3 F2 j- |& j& e页 脚:  footer! V$ q& r- N% e
整个页面: content
9 }  {* ]. Y. D& H1 m3 r' a页 眉:  header
8 w  h) Q6 r5 J+ y$ j页 脚:  footer4 D$ s8 R% P- X$ S4 o
商 标:  label
. X% O) o) S  V" }6 i标 题:  title
8 q- u$ n( U7 `* k/ K主导航:  mainbav(globalnav)
  X0 Q& c9 [- |7 Y# e- R顶导航:  topnav
. \- e) {' J4 L* Y边导航:  sidebar
4 u8 t) ~# h  r- ~! u; o左导航:  leftsidebar, J: w* d4 w" X% ~
右导航:  rightsidebar
) K) o! w+ F3 l1 T旗 志:  logo
! J1 ^" V) L; N6 J1 w# X标 语:  banner
- b- E! [0 j* \) i2 V8 l菜单内容1: menu1 content
# a. _/ \7 r- k5 W' b7 U菜单容量: menu container! s3 {7 H0 Y$ `2 s! G" r. }
子菜单:  submenu# s7 ~) p6 _: h
边导航图标:sidebarIcon3 l6 L# I- z! b3 Q- |3 |
注释:   note! H% A  a% J, g3 M
面包屑:  breadcrumb(即页面所处位置导航提示)  L( L( A& d) c
容器:   container8 V. {. \; i6 @# @" {6 g( b/ q2 [* ?
内容:   content
* b  a" H& r. I# M搜索:   search; j% ]* z3 O8 C% F
登陆:   Login6 p( _& T, n3 T; F) r; Y
功能区:  shop(如购物车,收银台)* G% b: t; o4 e- e; B: I
当前的   current7 P4 T# r! _6 f  F0 d3 s9 G

$ G9 y9 h+ e, k% w) p2 P$ c2.另外在编辑样式表时可用的注释可这样写:
- O" ?- b, g4 b  x. z8 [( |! z, U- q& f1 n# R
<-- Footer -->3 g+ Y7 S. f" f1 R8 z9 G7 z4 }
内容区, H( W7 m% B: W; h: P7 O  D% n
<-- End Footer -->
$ \! w9 t8 w4 G
- J! C) D3 _' ^/ T8 n+ D( D8 Y3.样式文件命名
( D( l- X4 K3 v( `
1 W( g; H0 ^! S# W' \; j/ u5 D主要的 master.css
3 s8 e9 |$ Z1 d1 P3 ~布局,版面 layout.css
$ ^+ p' v9 ?" b0 u( z专栏 columns.css. x2 x1 L8 z$ q# f1 s, U4 M7 I
文字 font.css& U% g. Q6 |0 {; f
打印样式 print.css
% l$ r" d( T# y& F- P主题 themes.css
怨去吹箫,狂来说剑,两样销魂味。
返回列表