元素：
-
块级元素
常见p,div,h1-h6,table,form等
默认占据一行，自动换行，支持添加高，宽
h1,p不能套块级元素
支持margin，padding
可以放任何内容，主要用来布局
-
行级元素
不自动换行，只占据内容所占的位置
不支持添加宽度和高度
不能套块级元素
margin左右有效，上下无效
padding上下无效，左右无效，只对自身有效
常见a , b , i , del等
## 外边距合并
```html
<!doctype html>
<html>
<head>
<title>外边距合并</title>
<style>
div,p{width:200px;height:300px;display:inline-block;
margin-botton:100px;background:red;}
p{background:blue;}
</style>
</head>
<body>
<!--垂直方向的合并：
当两个垂直外边距相遇时，它们将形成一个外边距。
合并后的外边距的高度等于两个发生合并的外边距的高度中的较大
解决方法：加border
-->
<div>
<p>
</p>
</div>
</body>
</html>
```