块元素和内联元素简介

块元素：主要用来做页面的布局
1、可以独占一行
2、可以设置宽高
常见元素：div、p、h1~h6，ul，ol，dl，li，dt，dd
内联元素（行内元素）：主要用来选中文本设置样式
1、只占自身的大小
2、无法设置宽高
3、可以设置padding，水平方向影响布局，垂直方向不影响布局（会遮挡相邻的元素，但不会影响相邻元素的位置）
4、可以设置bording，水平方向的border-width会影响布局，垂直方向的不会影响布局（跟padding类似）
5、可以设置margin，水平方向的margin会影响布局，不支持垂直方向的。
常见元素：span、a、iframe、
一般情况下只使用块元素去包裹内联元素，而不会使用内联元素去包裹一个块元素
a元素可以包裹任意元素，除了它本身
p元素不可以包含任何其他的块元素包括它本身
行内块元素
1、可以设置宽高
2、不独占一行
3、其他跟内联元素一样
常见元素：img