返回列表 回复 发帖

CSS样式命名规则(参考)

1.样式命名
" t( E' n- v9 S
2 d  k2 l/ z2 t" U1 a3 r/ L外 套:  wrap7 E5 J1 z" j! X
主导航:  mainnav9 m& N0 [, c5 c) q& W  E
子导航:  subnav
) J9 p% M8 T5 B( \( j页 脚:  footer
) P! D9 a! ~! F整个页面: content
! m* f" D* u1 h: X页 眉:  header
+ \8 M2 Q" t3 Z& D页 脚:  footer- U/ Y) j# q1 n' x' @/ a1 i
商 标:  label
  u0 {$ i3 W5 p) l- H3 `3 @标 题:  title
. H) h7 e) [; l- O& B' v1 O7 \主导航:  mainbav(globalnav)
# w2 \, k; y, h/ W8 @! P顶导航:  topnav2 D# M0 L( u+ F$ \# `( p
边导航:  sidebar: {  [& Z0 J! Y# T# c; g8 B
左导航:  leftsidebar
" X: v8 v( g' M右导航:  rightsidebar
( `3 B. A9 d+ M  ~旗 志:  logo/ Y2 R+ e# q% j# c: c6 s
标 语:  banner8 @, L- j4 [* c$ T, Z, }1 s! ~! H
菜单内容1: menu1 content
/ e. Y/ A6 I7 S菜单容量: menu container
6 L$ H0 q' [/ ?- t& n/ j子菜单:  submenu
+ i) g! f- j" g5 \# P" P4 f边导航图标:sidebarIcon4 ^+ Y7 K* ?6 ^' C6 K: x4 B
注释:   note) w! J1 T9 `3 \; ^1 P7 {+ L
面包屑:  breadcrumb(即页面所处位置导航提示)
; w: D5 H. m# U9 i容器:   container
' ]2 ~% V9 q" M. h8 `% B内容:   content- ^( r3 s7 |1 c# A: D* r9 e
搜索:   search
7 k) f( ~7 W( k1 T登陆:   Login
% Q) w8 n" Q- o" u' o  a' P功能区:  shop(如购物车,收银台), J- m3 I+ Q5 Z
当前的   current$ Q% A+ z% n* a5 o9 R: K7 `6 L( f

6 l6 B. B6 b! L) H/ A2 c( n, A$ \# V2.另外在编辑样式表时可用的注释可这样写:( }/ y; q. y& j% ]" x1 F3 b  V5 o
9 \4 b. F. M" O$ t7 I7 E
<-- Footer -->
* R/ J6 O/ c5 B; f' m内容区/ i- `& \- v" U2 r* o# @. t
<-- End Footer -->
* j  u- r0 p& V6 V9 I  M* U: f3 P3 Q9 c' M& x! I+ r
3.样式文件命名2 {0 c% b( x1 ^1 K% {; m% C

$ w0 N$ J: {% n8 x- l$ U6 u主要的 master.css
9 O9 N5 O7 w+ r3 q' z. P$ v布局,版面 layout.css- F( P1 l, f) `; q; N3 h0 U" l
专栏 columns.css
& m( k" I6 I- r$ v6 T; O文字 font.css
4 F7 |! w; l( q打印样式 print.css
( c, ?" }/ @" u+ g$ I主题 themes.css
怨去吹箫,狂来说剑,两样销魂味。
返回列表