前端开发中CSS常用的样式命名

CSS开发过程中class和id命名需要遵循一定的规则，令其具有可读性，提高阅读效率，一般采用驼峰命名法。

CSS常用的样式命名：

（1）页面结构

页头：header

页面主体：main

页尾：footer

内容：content/container

容器：container

导航：nav

侧栏：sidebar

栏目：column

页面外围控制：wrapper

左右中：left right center

（2）导航

导航：nav

主导航：mainnav

子导航：subnav

顶导航：topnav

边导航：sidebar

左导航：leftsidebar

有导航：rightsidebar

菜单：menu

子菜单:submenu

标题：titile

摘要：summary

(3)功能

标志：logo

广告：banner

登录：login

登录条：loginbar

注册：register

搜索：search

功能区：shop

标题：titile