(一)常用的CSS命名规则
头：header [飞酷经典资源网]
内容：content/container [飞酷经典资源网]
尾：footer Coffly.Com
导航：nav
侧栏：sidebar
[飞酷经典资源网]
栏目：column
页面外围控制整体布局宽度：wrapper Coffly.Com
左右中：left right center Coffly.Com
登录条：loginbar Coffly.Com
标志：logo [飞酷经典资源网]
广告：banner
[飞酷经典资源网]
页面主体：main Coffly.Com
热点：hot
新闻：news [飞酷经典资源网]
下载：download
子导航：subnav [飞酷经典资源网]
菜单：menu
子菜单：submenu
[飞酷经典资源网]
搜索：search
[飞酷经典资源网]
友情链接：friendlink [飞酷经典资源网]
页脚：footer [飞酷经典资源网]
版权：copyright Coffly.Com
滚动：scroll
内容：content Coffly.Com
标签页：tab
文章列表：list [飞酷经典资源网]
提示信息：msg
小技巧：tips
[飞酷经典资源网]
栏目标题：title [飞酷经典资源网]
加入：joinus
指南：guild
服务：service
注册：regsiter Coffly.Com
状态：status
Coffly.Com
投票：vote Coffly.Com
合作伙伴：partner [飞酷经典资源网]
(二)注释的写法: Coffly.Com
/* Footer */ [飞酷经典资源网]
内容区 Coffly.Com
/* End Footer */ [飞酷经典资源网]
(三)id的命名:
[飞酷经典资源网]
(1)页面结构 [飞酷经典资源网]
容器: container Coffly.Com
页头：header [飞酷经典资源网]
内容：content/container [飞酷经典资源网]
页面主体：main Coffly.Com
页尾：footer Coffly.Com
导航：nav [飞酷经典资源网]
侧栏：sidebar
[飞酷经典资源网]
栏目：column [飞酷经典资源网]
页面外围控制整体布局宽度：wrapper
左右中：left right center
[飞酷经典资源网]
(2)导航
[飞酷经典资源网]
导航：nav Coffly.Com
主导航：mainbav [飞酷经典资源网]
子导航：subnav Coffly.Com
顶导航：topnav
[飞酷经典资源网]
边导航：sidebar [飞酷经典资源网]
左导航：leftsidebar
[飞酷经典资源网]
右导航：rightsidebar
[飞酷经典资源网]
菜单：menu [飞酷经典资源网]
子菜单：submenu
标题: title Coffly.Com
摘要: summary
(3)功能
标志：logo
广告：banner Coffly.Com
登陆：login
登录条：loginbar [飞酷经典资源网]
注册：regsiter [飞酷经典资源网]
搜索：search Coffly.Com
功能区：shop
Coffly.Com
标题：title [飞酷经典资源网]
加入：joinus [飞酷经典资源网]
状态：status Coffly.Com
按钮：btn
[飞酷经典资源网]
滚动：scroll [飞酷经典资源网]
标签页：tab [飞酷经典资源网]
文章列表：list
提示信息：msg Coffly.Com
当前的: current Coffly.Com
小技巧：tips
[飞酷经典资源网]
图标: icon
注释：note [飞酷经典资源网]
指南：guild
服务：service Coffly.Com
热点：hot Coffly.Com
新闻：news Coffly.Com
下载：download Coffly.Com
投票：vote
[飞酷经典资源网]
合作伙伴：partner [飞酷经典资源网]
友情链接：link
[飞酷经典资源网]
版权：copyright
(四)class的命名: [飞酷经典资源网]
(1)颜色:使用颜色的名称或者16进制代码,如 Coffly.Com
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; } Coffly.Com
(2)字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; } [飞酷经典资源网]
.font9pt {font-size: 9pt; } [飞酷经典资源网]
(3)对齐样式,使用对齐目标的英文名称,如
Coffly.Com
.left { float:left; }
Coffly.Com
.bottom { float:bottom; }
(4)标题栏样式,使用"类别+功能"的方式命名,如 [飞酷经典资源网]
.barnews { } Coffly.Com
.barproduct { }
注意事项:: Coffly.Com
1.一律小写; [飞酷经典资源网]
2.尽量用英文;
3.不加中杠和下划线;
4.尽量不缩写，除非一看就明白的单词.
[飞酷经典资源网]
主要的 master.css
Coffly.Com
模块 module.css [飞酷经典资源网]
基本共用 base.css [飞酷经典资源网]
布局，版面 layout.css
[飞酷经典资源网]
主题 themes.css [飞酷经典资源网]
专栏 columns.css Coffly.Com
文字 font.css [飞酷经典资源网]
表单 forms.css [飞酷经典资源网]
补丁 mend.css Coffly.Com
打印 print.css
Coffly.Com
请作者联系本站，及时附注您的姓名。联系邮箱:edu#chinaz.com（把#改为@）。 [飞酷经典资源网]
