Html CSS一-些常用命名

尽量不缩写，除非一看就明白的单词.主要的 master.css      模块 module.css        主题 themes.css       专栏 columns.css     基本共用 base.css       文字 font.css              表单 forms.css          补丁 mend.css          打印 print.css  布局，版面 layout.css  (1)页面结构容器: container   页头：header        导航：nav    页面外围控制整体布局宽度：wrapper          内容：content/container            页面主体：main                                     侧栏：sidebar             栏目：column页尾：footer      (2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu         子菜单：submenu         标题: title       摘要: summary(3)功能标志：logo广告：banner登陆：login注册：regsiter搜索：search  功能区：shop 登录条：loginbar标题：title加入：joinus状态：status按钮：btn滚动：scroll 标签页：tab当前的: current新闻：news图标: icon注释：note指南：guild服务：service 热点：hot下载：download投票：vote尾：footer版权：copyright合作伙伴：partner 友情链接：link文章列表：list提示信息：msg  小技巧：tips(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; }(4)标题栏样式,使用"类别+功能"的方式命名,如.barnews { }.barproduct { }　            网站公用相关 Container div #container 容器 Header or banner div #header 页头部分 Main or global navigation div #main-nav 主导航 Menu #menu 菜单 Sub Menu #submenu 子菜单 Left or right side columns #sidebar-a, #sidebar-b 左边栏或右边栏 Main div #main 页面主体 Content div #content 内容部分 The main content area #content-main 主要内容区域 Footer div #footer 页脚部分 Tag #tag 标签 Message #msg #message 提示信息 Tips #tips 小技巧 Vote #vote 投票 Friend Link #friendlink 友情连接 Title #title 标题 Summary #summary 摘要 Sub-navigation list #sub-nav 二级导航 Search input #search-input 搜索输入框 Search output #search-output 搜索输出和搜索结果相似 Search #search 搜索 Search results #search-results 搜索结果 Copyright information #copyright 版权信息 brand #branding 商标 branding-logo #branding-logo LOGO Site information #siteinfo 网站信息 Copyright information etc. #siteinfo-legal 法律声明 Designer or other credits #siteinfo-credits 信誉 Join us #joinus 加入我们 Partnership opportunities #partner 合作伙伴 Services #service 服务 Regsiter #regsiter 注册 Status #status 状态 电子贸易相关 Products .products 产品 Products prices .products-prices 产品价格 Products description .products-description 产品描述 Products review .products-review 产品评论 Editor's review .editor-review 编辑评论 New release .news-release 最新产品 Publisher .publisher 生产商 Screen shot .screenshot 缩略图 FAQ .faqs 常见问题 Keyword .keyword 关键词 Blog .blog 博客 Forum .forum 论坛