在前端代码编辑过程中css命名的规范是非常重要的，正确的命名即有利于SEO搜索引擎识别网站内容，又有利于后期团队对网站的修改。今天模板社小编整理一些常用的CSS命名规则包含class和id命名。

（一）常用的CSS命名规则

头：header
内容：content/container
尾：footer
导航：nav
子导航：subnav 
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
新闻：news
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
栏目标题：title
服务：service
注册：regsiter 

（二）id的命名

容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center

导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary

标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search 
友情链接：link
版权：copyright