### 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;
}
~~~
