分享人：韩要贺
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
MARGIN:围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”
PADDING:元素的内边距(填充)，在边框和内容区之间。控制该区域最简单的属性是 PADDING 属性.
BORDER(边框) : 围绕在内边距和内容外的边框。
CONTENT(内容) : 盒子的内容，显示文本和图像。
Margin的使用方法
han {margin: 10px 20px 10px 20px;} 上、右、下、左
han {margin: 10px 20px;} 上、下、左、右
han {margin: 10px 20px 30px;} 等价于 10px 20px 30px 20px
padding和marin分别什么时候用？？？
margin始终是透明的；margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。 margin用于布局,分开元素,使元素与元素互不相干；padding用于元素与内容之间的间隔， 让内容（文字）与（包裹）元素之间有一段距离。
margin:需要在border外侧添加空白时，且空白处不需要背景（色）时。
padding：需要在border内测添加空白时。 空白处需要背景（色）时。
1、div的边距合并，如果不想合并怎么办？
知乎，CSDN
今天的分享就到这里啦，欢迎大家提问和探讨!