css样式命名标准

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

a)布局类：页眉、页脚、布局类：容器，主要内容，一边，页，第

二、包裹类：wrap, inner

a)包裹类：包装，内

三、区块类：region, block, box

a)区块类：区、块、盒

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

a)结构类：HD，BD，英尺，顶部，底部，左，右，中、西、排、电网、跨

五、列表类：list, item, field

a)列表类：列表项，场

六、主次类：primary, secondary, sub, minor

a)主次类：小学、中学、子、小

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

a)大小类：S，M，L，XL，大的，小的

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

a)状态类：活跃，目前，检查，悬停，失败，成功，警告，错误，关闭

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

a)导航类：资产净值，昨日，接下来，面包屑，向前，背部，指示，分页，第一，去

年

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

a)交互类：提示，警告，模态、流行、面板、标签、手风琴、滑动、滚动、覆盖，

十一、星级类：rate, star

a)星级类：率，明星

十二、分割类：group, seperate, divider

a)分割类：组分分离，

十三、等分类：full, half, third, quarter

a)等分类：全，半，第三季度

十四、表格类：table, tr, td, cell, row

a)表格类：表，TR，TD细胞，排

十五、图片类：img, thumbnail, original, album, gallery

a)图片类：IMG，缩略图，原来，专辑，画廊

十六、语言类：cn, en

a)语言类：CN，恩

十七、论坛类：forum, bbs, topic, post

a)论坛类：论坛，论坛，主题，后

十八、方向类：up, down, left, right

a)方向类：上，下，左，右

十九、其他语义类：btn, close, ok, cancel, switch; link, title, info, intro, more, icon; form, label, search, contact, phone, date, email, user; view, loading...

a)其他语义类：按钮，关闭，确定，取消，开关；链接，标题，信息，介绍，更多的

图标；形式、标签、搜索、联系、电话、日期、邮件、用户视图、加载…