HTML元素分為：塊狀元素和內聯元素
塊元素:(block)
1.默認獨占一行
2.沒有寬度時，默認撐滿一排
3.可以定義元素的寬和高
常見的塊狀元素有div，ul，li，h1-h6，ol
內聯,行內元(inline)
1.多個內聯元素可以同一行顯示
2.高和寬由內容撐開
3.不支持寬高
4.不支持上下的margin值
常見的內聯元素有：a，br，strong，em，span，
在這兩張元素之外還有，img，input，等被稱為行內塊元素
他們區別一般inline元素
如img/input/select/button等有內在尺寸且可以設置width/height屬性的這類元素
上面說了html的元素類型，現在說一下怎么把元素轉換
display屬性和屬性值
display有十八個屬性，我們說一下它常用的幾個
display：block/inline/inline-block/none/list-item
display:block:塊狀顯示，使類型變為塊狀元素
display：inline內聯顯示，使類型變為內聯元素
display:inline-block行內元素顯示
（1）元素的內容以塊狀顯示，並且與其它元素顯示在一行
（2）支持寬高，沒有寬度的時候由內容撐開
（3）只要這一個元素類型支持vertical-align（img,input）
display：none：將元素隱藏，不會顯示，並不占空間
display：list-item：將元素轉成列表，li的默認display類型，當元素設置了float屬性后，
就相當於給元素加了，display：block，且寬度為撐出來的內容