乐者为王

Do one thing, and do it well.

CSS命名规范

收集了网上的一些CSS命名规范,根据自己的理解和需求整理了一遍。

布局(layout)

  • container 就是将页面中的所有元素包在一起的部分
  • header 页面的头部区域,包含站点的logo和一些其他元素
  • navbar 横向导航栏,最典型的网页元素
  • breadcrumbs 即页面所处位置的导航提示
  • content 是站点的主要区域
  • sidebar
  • footer

头部(header)

  • logo
  • slogan

导航栏(navbar)

  • mainnav
  • subnav
  • topnav

侧边栏(sidebar)

  • menu 包含一般的链接。sidebar中可以包含多个menu

常用

  • userbar 登录注册条
  • copyright
  • banner
  • feature

Comments