盒子模型知識點提示

    春天是瞭解盒子模型的好季節有木有，因此在web學習過程當中總結盒模型的分享開始了，不求圍觀，只作筆記。

ok，首先這是筆記只作知識點的提示，看看這些基本的知道否，解釋部分請上網腦補更加全面豐富。

1. 盒子模型就是組成網頁佈局的一個個長方形的」盒子「，這裏注意：佈局、元素、長方形。

2. 盒子模型包含了塊級元素，內聯元素。

3. 盒子模型包含了width、height、padding、margin、border這五個屬性。                                                          （若是拋開座標定位這種模式的話，將網頁佈局的模型抽象成3D的話，這幾個屬性就能夠構建網頁世界的大廈了）

4. 行模型的4線：頂線（top=0）、中線（vertical-align：middle）、基線、底線。
   

5. display：inline-block（1.當我不想用float來處理塊級元素。2.注意使用它後，元素間有空格或是換行產生了間隙）。

6. 內聯元素的寬度由自己的內容和padding決定。

7. float時元素會牢牢的靠着它上一個元素（注意他與inline-block的不一樣）

8. 彈性盒模型。（鏈接http://www.cnblogs.com/acmilan/archive/2012/03/02/2377812.html）