.wrap或.wrapper--用于外侧包裹
.container或.ct--包裹容器
.header--用于头部
.body--页面 body
.footer--页面尾部
.aside、sidebar--用于侧边栏
.content--和header footer对应，用于主要内容
.navigation--导航元素
.pagination--分页
.tabs >.tab--tab切换
.breadcrumbs--导航列表、面包屑
.dropdown--下拉菜单
.article--文章
.main--用于主体
.thumbnail--头像、小图像
.media--媒体资源
.panel--面板
.tooltip--鼠标放置上去的提示
.popup--鼠标点击弹出的提示
.button、btn--按钮
.ad--广告
.subnav--二级导航
.menu--菜单
.tag--标签
.message或.notice--提示消息
.summary--摘要
.logo--logo
.search--搜索框
.login--登录
.register--注册
.username--用户名
.passwprd--密码
.banne --广告条
.copyright--版权
.modal或.dialog--弹窗
状态:
inverse--相反的
toggled--切换
switched--转换
original--起初的
initial--最初的
identified--识别
disabled--禁用
loading--加载
pending--等待
syncing--同步
default--默认
修饰:
dark--黑暗的
light--浅色的
shaded--深色阴影的
flat--平滑的
ghost--精灵
maroon--褐红色的
pale--白
intense--强烈的
twisted--扭曲的
narrow--狭窄的
wide--宽的
smooth--光滑的
separate--分离
clean--清洁的
sharp--锋利的
aligned--对齐的
元素:
pagination--分页
modal--情态动词
popup--弹出
article--文章
story--故事
flash--闪光
status--现状
state--州立
media--媒体
block--快
card-卡
teaser--挑逗
badge--徽章
label--标签
sheet--片材
poster--海报
notice--通知
record--记录
entry--入门
item--项目
figure--图
square--广场
module--模块
bar--酒吧
button--按钮
action--行动
knob--旋钮
布局:
navigation--航行
wrapper--包装器
inner--内部的
header--页眉
footer--页脚
aside--在一边
section--部分
divider--除法器
content--内容
container--容器
panel--面板
pane--窗格
construct--建造
composition--作文
spacing--间距
frame--框架
两者区别在于：1、HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等；
2、一般统一在CSS中设置样式，你可以随便打开网站查看源码，基本上看不到HTML中有设置样式的；
3、html是用来写网页内容的，像网页上文字、图片内容等都是用html来写；
4、css是用来写样式表的，给html写的内容加上各种样式，使网页更美观。像文字的颜色，页面的布局，一些按钮边框的样式是用css来控制的；
5、html调用样式的时候分为三种类型：内联样式，内部样式，外部样式。
1）内联样式：就是写在html的标签上；
2）内部样式：就是写在heml的头部head中；
3）外部样式：就是写在外部，另外建一个css文件
这三种调用样式的权重值是：内联样式>内部样式>外部样式。
即：先文件加载的时候先调用内联样式，如果没有内联样式其次才是内部样式，最后才是外部样式。
html如果有属性的话就称为内联样式。这样的话内联样式权限大于CSS中的样式
也就是HTML属性会被显示出来的CSS中相同属性所覆盖
