1、block
將元素轉為塊元素，塊元素占一行，可以設置寬和高。
2、inline
將元素轉為行內元素，占一行，不可以設置寬和高。
3、inline-block
將元素設置為行內塊元素，這時元素既可以設置寬和高，又占一行。但這時的元素之間會出現縫隙，解決辦法：1）設置浮動 2)將父元素的font-size設置為0，子元素設置為實際大小
4、常見的幾種元素
塊級元素 ：div、h系列、li、dt、dd、p
行內元素 ：span、u、a、、em、b、i、u、em
行內塊元素：input 、img 、button 、texterea 、label。
5、p標簽不能包含div標簽
塊級元素和行內元素之間的嵌套，是塊級可以嵌套行內元素和某些塊級元素，而行內元素不能嵌套塊級元素，可以嵌套文本和其他行內元素。但有幾個特殊的塊級元素只能包含行內元素， h1~h6、p、dt，因此p標簽不能包含div元素，因為瀏覽器渲染的緣故，p包含div元素時會被渲染成：<p>xxx</p><div>xxxx</div><p></p>。
li 內可包含 div 標簽
<li><div></div></li>
塊級元素與塊級元素並列、行內元素與行內元素並列
<div><h2></h2><p></p></div> 正確
<div><a href="#"></a><span></span></div> 正確
<div><h2></h2><span></span></div> 錯誤，行內元素與塊級元素並列了