或許第一次看到html語言的人都是一頭霧水，對于h1到h6的標題可能都能理解，但里面有那么多的div和span，不知道是什么意思。
網頁經常經過精心的布局，而布局就必須理解塊元素和內聯元素(inline)的區別。
塊的特點是：
- 默認占滿整個瀏覽器寬度
- 上下邊界各有一個換行
- 高度因內容而異
內聯元素的特點是：
- 寬度因內容而異
- 上下沒有換行
- 高度幾乎固定
而div默認用來對網頁進行大的分區，而span通常用來做內聯元素的標記。
塊元素一塊一塊從上向下排列，像一個個的厚箱子摞在一起。而內聯元素在包含它的父塊中，從左上往右下自動換行排列。
瀏覽器變窄時，內聯元素原來的寬度不夠，就會自動換行多出幾行。而它的父塊也會變高。
如果只是像千層餅，那顯然也做不出好網頁。而塊元素必須能夠改變寬度，寬度改變后，就可以兩個塊元素并排分布，類似分欄那種。
并且html還有浮動、絕對、相對的位置模式。
