http://lovervz.spaces.msn.com
CSS 中有个重要的概念，就是盒子模式 (Box model)。CSS2中的盒模型是关系到设计中排版定位的关键，任何一个选择符都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含(外补丁)margin，(背景颜色)background-color，(背景图片)background-image，(内补丁)padding ，(内容)content，(边框)border。
下图是CSS盒模型的示意图：
平面示意图：3D示意图(原图出自：hicksdesign)
盒子里由外至里依次是：
- margin 边距
- border 边框
- padding 间隙 (也有人称做补丁)
- content (内容，比如文本，图片等)
CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
CSS 边框属性 (border) 用来设定一个元素的边线。
CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。
CSS 背景属性指的是 content 和 padding 区域。
CSS 属性中的 width 和 height 指的是 content 区域的宽和高