盒子模型是网页排版布局中一个十分重要的概念，如左图所示，一个内容和另一个内容之间有三部分可以分别调整：padding、border、margin。

• padding(填充)表示内容和边框之间的距离
• border(边框)表示边框
• margin(边缘)表示和其他块的距离

上下左右可分别设置其宽度、颜色等风格，利用这个模型可以设计出非常舒服的效果。