盒子模型的组成部分：边框（border）、内容(content)、内边距（padding）、外边距（margin），一般在实际时开发时都会在一开始时清除内外边距，然后再根据实际情况设置。
内边距：控制内容和边框的距离。
如何设置内边距：
padding-方位名词：像素值；
内边距简写规则：
注意：
若内部盒子不指定宽度，则内部盒子设置padding不会撑开外部盒子
外边距：控制盒子之间的距离。外边距的语法和内边距的语法基本一致
外边距的应用：
1.让盒子在浏览器内水平居中，但需要满足两个条件：
a.盒子必须有宽度（width)
b.将左右外边距都设置成auto.
2.让行内元素或行内块元素水平居中：在父元素里加text-align:center即可
3.外边距合并问题：
a.相邻块元素垂直外边距的合并
解决办法：只给一个盒子设置外边距。
b.嵌套块元素垂直外边距的塌陷.即对于两个父子关系的块元素，父元素有上外边距的同时子元素也有上外边距，此时父元素会塌陷较大的外边距。
解决办法：
一、给父元素加一个边框，若边框影响视觉效果，可以设置为透明（transperent)
二、给父盒子加内边距
三、给父元素添加overflow:hidden,这种方法不会改变盒子的大小
边框的复合写法：
boder: 属性值1 属性值2 属性值3 （没有顺序）
//若只想对上下左右中的一部分边框进行修改，写法如下：
boder-方位名词: 属性值1 属性值2 属性值3 （没有顺序）
表格的边框合并：boder-collapse；当属性值为collapse时会自动合并相邻的边框
注意：盒子大小=盒子实际大小+边框大小+内边距大小。
