标准盒子模型（margin、padding）属性的讲解

1，盒子模型基础概念
盒子模型是样式表（css）控制页面的很重要的概念。所有的页面的元素都可以看成是一个盒子，占据一定的页面空间。占据的空间要比实际使用的空间要大得多。我们可以调整盒子的边框和距离，来调整盒子（页面和页面中的元素）的位置。盒子模型是由内容、边框、间隙（padding）、间隔（margin）组成，
2，margin外边距
margin外边距用于控制块与块（可以理解成块级元素）之间的距离。为了便于理解可以把盒子模型想象成一个盒子，content是盒子本身，padding是盒子与盒子边框的留白，border是盒子边框，margin是盒子与盒子边框之间的距离。（margin-left右内边距 margin-right 左内边距 margin-top 上内边距 margin-bottom下内边距）*四个属性可以设置单一的也可以设置重叠的margin属性，需要注意的是IE和firefox在处理margin时有一些差别，倘若设定了父元素的高度height值，如果此时子元素的高度超过了父元素的height值，二则显示结果完全不同，IE浏览器会自动扩大，而firefox（火狐浏览器）就不会，这一点是需要注意的。
3，padding内边框
padding内边距用于控制content与border之间的距离，同时设置上下左右的padding时，可以这样写padding:10px 20px 10px 10px;分别对应上、右、下、左四个方向的padding，逆时针排序，margin属性也可以这样书写。
同时它也可以用*（padding-left右内边距 padding-right 左内边距 padding-top 上内边距 padding-bottom下内边距）*四个属性可以设置单一的也可以设置重叠的padding属性。