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