这里以#index-header-search｛｝为例进行说明：
1、样式命名遵从（样式使用的页面名称）-(样式的结构位置)-（样式功能性质）-（其它特殊标注）的方式命名，中间以中线相连，尽管有人认为样式中最好不要采用中线或是下划线，但从大中型项目维护修改的长远考虑，我依然建议采用中线划分。
2、要求必须以小写的英文命名样式，禁止使用大写英文或是拼音及非常见的英文缩写，但如出现英文单词过长可采用自定义缩写，但必须在CSS样式开头部分进行单词缩写注释。
3、要求样式必须按照结构分组编写，如关于搜索按钮的样式及搜索相关的内容都写在一起，并在样式组的开头和结尾进行注释，以方便日后修改和查找。
4、样式表编写只允许采用两种格式编写，编写时不允许两种格式混用，其中a格式不换行，一行写到底，b格式内每一个属性换行编写，并且第一个字母向左对齐，格式如下。
5、样式表编写尽量采用class样式进行控制，少用id的方式编写，采用id时命名务必依照规则1的规定编写名称，程序中需要使用id号时也需要按照一定的规范进行定义。
CSS ID或元素命名规范
| Container div | #container | 容器 | |
| Header or banner div | #header | 页头部分 | |
| Main or global navigation div | #mainNav | 主导航 | |
| Menu | #menu | 菜单 | |
| Sub Menu | #submenu（num） | 子菜单（级别－0为最高级） | |
| Left or right side columns | #sidebarleft, #sidebarright | 左边栏或右边栏 | |
| Main div | #main | 页面主体 | |
| Content div | #content | 内容部分 | |
| The main content area | #contentMain | 主要内容区域 | |
| Footer div | #footer | 页脚部分 | |
| Tag | #tag | 标签 | |
| Message | #msg #message | 提示信息 | |
| Tips | #tips | 小技巧 | |
| Vote | #vote | 投票 | |
| Friend Link | #friendlink | 友情连接 | |
| Title | #title | 标题 | |
| Summary | #summary | 摘要 | |
| Sub-navigation list | #subNav | 二级导航 | |
| Search input | #searchInput | 搜索输入框 | |
| Search output | #searchOutput | 搜索输出和搜索结果相似 | |
| Search | #search | 搜索 | |
| Search results | #searchResults | 搜索结果 | |
| Copyright information | #copyright | 版权信息 | |
| brand | #branding | 商标 | |
| branding-logo | #brandingLogo | LOGO | |
| Site information | #siteinfo | 网站信息 | |
| Copyright information etc. | #siteinfoLegal | 法律声明 | |
| Designer or other credits | #siteinfoCredits | 信誉 | |
| Join us | #joinus | 加入我们 | |
| Partnership opportunities | #partner | 合作伙伴 | |
| Services | #service | 服务 | |
| Regsiter | #regsiter | 注册 | |
| Status | #status | 状态 | |
| Products | .products | 产品 | |
| Products prices | .productsPrices | 产品价格 | |
| Products description | .productsDescription | 产品描述 | |
| Products review | .productsReview | 产品评论 | |
| Editor's review | .editorReview | 编辑评论 | |
| New release | .newsRelease | 最新产品 | |
| Publisher | .publisher | 生产商 | |
| Screen shot | .screenshot | 缩略图 | |
| FAQ | .faqs | 常见问题 | |
| Keyword | .keyword | 关键词 | |
| Blog | .blog | 博客 | |
| Forum | .bbs | 论坛 |
浙公网安备 33010602011771号