编程命名是个重要的事，这里收集起来，避免命名词穷
一、样式文件命名：
主要的 master.css
模块 module.css
基本共用 base.css
主题 themes.css
专栏 columns.css
打印 print.css
文字 font.css
表单 forms.css
补丁 mend.css
布局，版面 layout.css
二、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. 标题栏样式,使用"类别+功能"的方式命名,如:
.bar_news { }
.bar_product { }
三、 页面结构命名
页面外围控制整体布局宽度：wraper
容器：container
侧栏：sidebar
栏目：column
左右中：left right center
内容：content/container
页眉：header
页脚：footer
四、 导航命名
主导航：main_nav
子导航：sub_nav
顶导航：top_nav
边导航：sidebar
左边导航：left_side_bar
右边导航：right_side_bar
菜单容量：menu_contaier
子菜单：sub_menu
边导航图标：side_bar_icon
注释：note
面包屑：bread_crumb
摘要: summary
标题：title
五、功能命名
商标：label
广告：banner
搜索：search
登录条：login_bar
登录：login
注册：regsiter
提示信息：msg
小技巧：tips
功能区：shop（如购物车，收银台）
当前的：current
加入：joinus
状态：status
按钮：btn
热点：hot
新闻：news
下载：download
滚动：scroll
标签页：tab
文章列表：list
指南：guild
服务：service
状态：status
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright