HTML+CSS基础篇(四)——编码规范

http://codeguide.bootcss.com/#html-syntax

CSS 规范命名

头：header            内容：content/container尾：footer            导航：nav侧栏：sidebar          栏目：column页面外围控制整体布局宽度：wrapper    左右中：left right center登录条：loginbar        标志：logo广告：banner           页面主体：main热点：hot              新闻：news下载：download         子导航：subnav菜单：menu             子菜单：submenu搜索：search           友情链接：friendlink页脚：footer           版权：copyright滚动：scroll           内容：content标签页：tab             文章列表：list提示信息：msg            小技巧：tips栏目标题：title          加入：joinus指南：guild            服务：service注册：regsiter         状态态：status投票：vote             合作伙伴：partner注释的写法/*Footer*/内容区/*EndFooter*/标题:title            摘要:summary标志：logo             加入：joinus状态：status           按钮：btn滚动：scroll           标签页：tab文章列表：list           提示信息：msg图标:icon             注释：noteclass的命名(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

来源：网络