塊級元素和行內元素及行內塊元素（外加轉換方式）

塊級元素和行內元素以及行內塊元素
行內元素：一行內的元素如 <span> <a><img><br>大多數為描述性的標記
特征：設置的寬高無效。
margin的上下無效，左右方向有效，padding上下左右都有效，但是會撐大自己的空間。
不會自動換行
塊級元素 ：代表性的就是div，其他的比如p，header，section，address，語義化增強代碼的可讀性。
特征：能識別高和寬。
可以自動換行，
多個元素寫在一起從上到下進行排序
margin和padding的上下左右都可以識別。
行內塊元素：繼承行內元素跟塊元素的特征，
不自動換行，
能夠識別高度和寬度
排序方式從左到右。
轉換方式
display：inline；轉化為行內元素；
display：block；轉化為塊狀的元素；
display：inline-block； 轉化為行內塊元素。