块级元素和内联元素的区别
块级元素
每个块级元素通常会独占一行或是多行，可以对其设置宽度，高度和对齐。
常见的块级元素有：
- h1~h6
- p
- div
- ul, li, ol
特点
- 块级元素会独占一行
- 高度，行高，外边距和内边距都可以单独设置
- 宽度默认是容器的100%
- 可以容纳内联元素和其他的块级元素
行内元素
行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度，高度以及对齐等属性。
常见的行内元素有：
- a
- span
- strong
- b
- em
- del
行内元素的特点：
- 和相邻的行内元素在一行上
- 高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上的无效
- 默认的宽度就是它本身的宽度
- 行内元素只能容纳纯文本或者是其他的行内元素（a标签除外）
行内块级元素
在行内元素中有几个特殊的标签，img，input，td
可以设置他们的高宽度和对齐。
显示模式的转换
块转行内：display: inline
行内转块：display: block
行内转行内块：display: inline-block
