绿野仙踪 » 网页作坊 » CSS样式命名规则(参考)

阿喀琉斯 发表于 2007-7-2 01:47

CSS样式命名规则(参考)

1.样式命名
6HvS/nH&\'\1N
I)j[ V!rAL+?.[ 外　套：　　wrap| DI!_7A&?{W
G'v$n
主导航：　　mainnavu,`ti#gm
子导航：　　subnav.ph4ht F1w
页　脚：　　footerXAc*u-y*X:o:[
整个页面：　contentM*W3j'Y? }so
页　眉：　　headeru'zeOd/^
页　脚：　　footer
6ba7wn:{4^z0Akf 商　标：　　label6r9g1Mi+R zsJ
标　题：　　title!^+A&{|#W0m.p
主导航：　　mainbav（globalnav）
%}"U&l9T5NN P 顶导航：　　topnav
i-w \D5`Q^ 边导航：　　sidebar
iF`M2d n6tIY 左导航：　　leftsidebarV0Q.}1uBVM5t*ft&h
右导航：　　rightsidebar
Vj'^#H Z 旗　志：　　logo
&ILK&Ns:JZv[ 标　语：　　bannerc6A#s({+I
菜单内容1： menu1 contentT*I"@9haQ0t
菜单容量：　menu container{/H&_KO%Op&E2r
子菜单：　　submenu"W}hV$pG
n^
边导航图标：sidebarIcon
+p4V4\"s;]T5QhW[ 注释：　　　note
?"~n+eSy}!z 面包屑：　　breadcrumb(即页面所处位置导航提示）
$a)@ WPr:lC 容器：　　　container:dp{_-Map
内容：　　　content@Hw6[9G.G-X
搜索：　　　search
MZX@5Q?J 登陆：　　　Login:ef&hk#G:Y
功能区：　　shop(如购物车，收银台)
/WS)V%Qr7r~ 当前的　　　current
5O(Tmda,G
5s5B8n)K)G5ZI;[0V 2.另外在编辑样式表时可用的注释可这样写：/U
J`9Z.^M
m?x-|@
io
<-- Footer -->1DQ5T)n}&T
内容区+PO.`Q$W?
<-- End Footer -->
$Xvg-ue*b
Aw7np}\,RgZ 3.样式文件命名2l#T2M
aH6f"kP` YnS

o@AVm#@ 主要的 master.css"DLiQ w
w&N*D
布局，版面 layout.css
1y}P?
Mj~^&oB 专栏 columns.css
/a)W,k{ W;W 文字 font.css
j]f1Ct.d!V 打印样式 print.css
"z9d~5X"C"}] 主题 themes.css

查看完整版本: CSS样式命名规则(参考)