### div和span
DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式
DIV和span的区别在与，span是内联元素，div是块级元素
### 盒模型
* margin 盒子外边距
* padding 盒子内边距
* border 盒子边框宽度
* width 盒子宽度
* height 盒子高度
### 布局相关的属性
定位方式 position
* 正常定位 position: relative
* 根据父元素进行定位 position: absolute
* 根据浏览器窗口进行定位 position: fixed
* 没有定位 position: static
* 继承 position: inherit
### 定位
left（左），right（右），top（上），bottom（下）离页面顶点的距离
### 层覆盖先后顺序（优先级）z-index
数值越大，优先级越高
### 显示属性 display
display：none 层不显示
display：block 块状显示，在元素后面换行，显示下一个块元素
display：inline 内联显示，多个块可以显示在一行内
display：block-inline 兼有两种属性
### 浮动属性 float
left 左浮动
right 右浮动
clear 清除浮动
clear: both
### 溢出处理 overflow
* hidden 隐藏超出层大小的内容
* scroll 无论内容是否超出层大小都添加滚动条
* auto 超出时自动添加滚动条
### z-index 在哪一层显示
### opacity 层透明度 0~1
### hover 鼠标放上去时的属性
~~~
menu:hover{
background-color: green;
}
~~~
