1. 行內元素：
常見標簽有：a、span、sub、sup、br、strong、b、em、i、label
特點：【1】一行內可以存在多個
【2】無法設置width、height，padding、margin值不能設置垂直方向，只可以設置水平方向，可以設置line-height
【3】一個行內元素內可以包括行內元素和文本內容，a標簽特殊：可以放塊級元素、行內塊元素，但不能再放一個a標簽
【4】寬度默認隨文本內容變化
2. 塊級元素：
常見標簽有：div、ul、dl、ol、li、table、h1-h6、p、form、hr
特點：【1】一個塊級元素占據一行
【2】可以設置width、height、padding以及margin值
【3】塊級元素可以包含塊級元素、行內元素以及行內塊元素，文本類型塊級元素特殊：如h1-h6、p標簽，只能包含文本
【4】寬度默認為父級元素寬度
3. 行內塊元素：
常見標簽有：img、input、td
特點：【1】一行可存在多個行內塊元素，但它們之間存在空隙
【2】可以設置width、height、padding以及margin值
【3】寬度默認隨文本內容變化
注意：【1】行內塊元素的兼容性問題：
在 IE 舊版本中需要使用以下方式將元素設置為行內塊元素，*zoom是設置hasLayOut為true，使其可以設置width和height，再使用*display設置其可以表現為行內塊特性
<style> div { display: inline-block; *zoom: 1; *display: inline; } </style>
【2】如何解決inline-block的空白間隙問題？
1. 手動去除標簽之間的換行以及空格，會導致代碼不美觀
2. margin負值，優先使用
3. word-spacing 單詞間距
4. letter-spacing 字符間距，但這個會導致重疊現象出現，個人使用無法達到預期效果
5. font-size: 0，但存在一個缺點，若子元素需要字體大小，則還需重新設置