CSS盒子模型

（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，如需转载请自行联系原作者