（1）css盒子模型
margin 边距 用来设置一个元素所占空间的边缘到相邻元素之间的距离。
border 边框 用来设定一个元素的边线
padding 间隙 (也有人称做补丁) 用来设置元素内容到边框的距离
content (内容，比如文本，图片等)
注意：css的背景属性指的是content和padding，css属性中的width和height指的是content的宽和高。
(2)计算盒子宽和高
盒子的总长度：
左padding +左 border + 左margin+ width +右padding +右 border + 右margin
盒子的总宽度：
上padding +上border + 上margin+ height +下padding + 下border + 下margin
（3）对于margin和padding都有top，left，right，bottom属性，中间用-连接
本文转自 韬光星夜 51CTO博客，原文链接：http://blog.51cto.com/xfqxj/477068，如需转载请自行联系原作者
