返回列表 回复 发帖

CSS样式命名规则(参考)

1.样式命名" B. N$ r4 o0 F
$ s& m% W0 C- D- A5 a. o
外 套:  wrap6 y4 c- E% ^9 L; l% T3 W$ F
主导航:  mainnav9 K" d- }  {8 v9 H2 {
子导航:  subnav
! L; m2 s/ N5 j% A2 @* ^页 脚:  footer
* v2 F. E- a2 s整个页面: content
) Z* p8 \1 b4 }) S& ?页 眉:  header
7 E' r# _* G1 h: z' `+ B页 脚:  footer, d0 U# G* a9 C/ h  N$ {
商 标:  label5 x& X: Q( R; p! x
标 题:  title
4 Y/ F7 j1 `1 k4 G' y. z" L" {主导航:  mainbav(globalnav)
* w' O, `; w) V顶导航:  topnav
; H2 {6 A) _! S边导航:  sidebar8 m! G, x" H$ k, [
左导航:  leftsidebar
1 y) n7 k9 k5 ], Y/ T右导航:  rightsidebar. G- q# O- X4 y' T
旗 志:  logo' X* z* {/ J5 z* A
标 语:  banner. h. E! E1 m6 ]
菜单内容1: menu1 content" M. ]5 x: b1 A: k) [0 u1 ]. _& K
菜单容量: menu container' J9 Q9 z' [# z, D, E! ^
子菜单:  submenu
( ]+ H; S) f* T# Z* V$ j2 {2 ~边导航图标:sidebarIcon" L5 ^; Q0 p( b. q1 A8 @
注释:   note% E; o% r) t/ {# A
面包屑:  breadcrumb(即页面所处位置导航提示)
7 |7 m3 t( \& h2 c' R/ d) j容器:   container
# y" Q7 J; k2 Z6 U4 a内容:   content
" \6 j. u$ n  U搜索:   search
/ V) c1 B6 B9 r, g7 w2 p登陆:   Login
( m" g& S# A; m4 O9 [功能区:  shop(如购物车,收银台)! g! [5 ^# A" }8 J, h4 S, w
当前的   current2 @7 ~, \% W% P6 ^' H% ?$ ^! F- w
5 [" w6 L: V  O
2.另外在编辑样式表时可用的注释可这样写:
9 w/ ?7 t4 \. F5 G( A5 @" b: x  K9 j- b3 g% ~/ {3 G
<-- Footer -->
9 C3 T' N5 a2 ]/ i$ V: g' l: u内容区
6 r" N# G+ t# l) A( T. q; ~4 |<-- End Footer -->0 N. T: {1 P' C& ]1 C

' K+ Y; ?) q5 W: J! I) M5 `3.样式文件命名4 `) p6 c+ p2 G- X" t

& \) p2 }- p' @( m  d$ |9 r主要的 master.css3 |  l/ S+ E2 e/ J8 R0 O" H
布局,版面 layout.css
8 ~5 g' b7 C8 o. n' @- l专栏 columns.css
3 z: s3 A) `* J4 F' T文字 font.css
! G  \$ T  Y& Y打印样式 print.css
# g6 h3 i$ E* v$ e$ D3 Z主题 themes.css
怨去吹箫,狂来说剑,两样销魂味。
返回列表