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