分類：
1.內聯元素
span i em a strong br input textarea
display: inline;
和其他的內聯元素在同一行從左到右排列，不可以直接操作寬高以及相關的css屬性，可以設置內外邊距的左右值，（marign，padding的左右值）；
寬高由自身的內容的寬高決定（文本，圖片）；
只能容納行內元素，不能嵌套塊級元素
2.塊級元素
h1-h6,div,ul,ol,dl,li,table,li,form
display:block;
獨占一行，每個元素會從新的一行開始，可以直接設置寬高以及相關css屬性；
在不設置寬的情況下，寬度等於父元素的寬度；
在不設置高度的情況下，高度等於內容的高度
3.行內塊級元素
綜合了前兩種的情況又各有取舍
display：inline-block
不自動換行
能夠識別寬高，padding，lineheight，margin
默認排列方式為從左到右
應用場景：
內聯元素：用於不指定寬高，有內容撐起寬高，不占滿一行
塊狀元素：用於指定寬高，沾滿一行
內聯塊級元素：用於指定寬高，不占滿一行