行级元素 inline（内联元素）：<span> <a> <strong> <em> <del> <h1>...<h6> 等
特点： 1.内容决定元素所占的位置，自左向右排列；
2.不可通过css改变宽高；
3.受空格影响。
块级元素 block ： <div> <p> <ul> <li> <form> <br> <i> 等
特点： 1.独占一行，自上而下排列；
2.可通过css改变宽高；
3.不受空格影响
行级块元素 inline-block： <img> <input> <label> <textarea> <select>等
特点： 1.内容决定大小；
2.可通过css改变宽高
3.不独占一行
注：行级元素只能嵌套行级元素
块级元素可以嵌套任何元素
eg：<p> 不能嵌套 <div>
<a>不能嵌套<a>
标签之间的性质转换可用display:
display: inline; //转换为行级元素
display: block; //转换为块级元素
display: inline-block; //转换为行级块元素
display: none; //不显示
display: inherit; //从父元素继承 display 属性的值
