1.行内元素：（常用）：
<a> <span> <br> <i> <em> <strong>
特点：
1.和其他元素可以并排
2.元素的高度宽度 以及上边距和下边距取决于内容的宽高
以<span>标签为例
2.块级元素
<div> <p> <ul> <ol> <li> <dl> <h1>...<h6> <form>
特点：
1. 每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）;
2.元素的宽高，行高以及四周边距都可以人为设置
3.元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
3.行内块元素
<img> <input>
特点：（综合行内元素和块级元素特点）
1.内容可以并排
2.宽高 行高以及边距都可以设置
三种元素的转化：