常见的块元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等
常见的行内元素<span>,<i>,<em>,<strong>等
常见的行内块元素<img>，<input>等
块元素特点：
- 自己独占一行
- 高度、宽度、外边距以及内边距都可以控制
- 宽度默认是容器的100%
- 是一个容器的盒子，里面可以放块级元素，行内块元素和行内元素（<p><h1>~<h6>是文字类块级标签，不能放其他块级元素）
行内元素特点：
- 宽高直接设置无效
- 相邻行内元素在一行上，一行可以显示多个
- 默认宽度就是它本身的宽度
- 行内元素只能容纳文本或其他行内元素（链接里面不能再放链接，a里面可以放块级元素，但是最好转换一下块级模式）
行内块元素特点：
- 和相邻行内元素（行内块）在一行上，但是之间会有空隙，一行可以显示多个
- 默认宽度是本身内容的宽度
- 高度、宽度、外边距以及内边距都可以控制
标签显示模式转化display
转化为块级元素：display: block
转化为行内元素：display: inline
转化为行内块元素: display: inline-block
