盒子模型知识点提示

    春天是了解盒子模型的好季节有木有，因此在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）