盒模型：
1.同級上下疊壓；
2.父子級使用margin或margin-top會出現塌陷現象(解決：在父級使用：1.overflow:hidden；2.padding-top；3.border)
3.（塌陷現象的原因：當父級的第一個子元素是塊元素並且使用了margin或margin-top）
塊標籤：display:block
案例標籤：div，p，h1~h6，ul，ol，li
特點：獨佔一行；默認寬度佔滿父級；高度爲0
行標籤：display:inline
案例標籤：span，a
特點:同排序跟顯示；不支持寬高的設置，內容撐開寬高；不支持上下的margin；不正常顯示上下的padding；換行被解析(增加了元素間的縫隙)
行塊標籤：display:inline-block
案例標籤：img
特點：同排顯示；當只設置寬或高時，另一邊等比例顯示；換行被解析(增加了元素間的縫隙)；ie6，ie7不支持該行塊屬性
浮動：
說明：元素脫離文檔流，按照指定方向發生移動，遇到父級邊界換行
取值：none不浮動，left左浮動，right右浮動，inherit繼承父級
作用：解決水平佈局問題
特性：所有標籤同排顯示；行標籤將會支持所有css樣式；默認內容撐開寬高；脫離文檔流