常用class类名总结

写页面时常常遇到为了起类名而烦恼的，所以总结了以下常用的一些class类名。

按模块分类

布局类：header, footer, container, main, content, aside, page, section

包裹类：wrap, inner

区块类：region, block, box

结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span

列表类：list, item, field

主次类：primary, secondary, sub, minor

大小类：s, m, l, xl, large, small

状态类：active, current, checked, hover, fail, success, warn, error, on, off

导航类：nav, prev, next, breadcrumb, forward, back, indicator, paging, first, last

交互类：tips, alert, modal, pop, panel, tabs, accordion, slide, scroll, overlay

星级类：rate, star

分割类：group, seperate, divider

等分类：full, half, third, quarter

表格类：table, tr, td, cell, row

图片类：img, thumbnail, original, album, gallery

语言类：cn, en

论坛类：forum, bbs, topic, post

方向类：up, down, left, right

具体命名

新闻：new

下载：download

尾部/页脚：footer

文章列表：list

提示信息：msg

小技巧：tips

导航：nav

子导航：subnav

头部：header

栏目标题：title

内容：content、container

版权：copyright

搜索：search

标签页：tab

功能区：shop

按钮：btn

当前的：current

图标：icon

注释：note

加入：joinus

指南：guild

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

登录：login

登陆条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

菜单：menu

子菜单：submenu

滚动：scroll

友情链接：friendlink

侧栏：sidebar

栏目：column