塊級元素：瀏覽器
先後有換行佈局
能夠設置寬高等屬性，以及邊距，參照盒子模型input
內部能夠包含其餘塊級元素，內聯元素it
寬度默認是父元素的寬度，高度能夠設置或者由內容的高度決定io
內聯元素：im
先後不換行margin
設置元素寬高無效，高度由line-height決定（不設置時由font-size計算得出），寬度由內容的多少決定，當寬度大於父元素的寬度時，內聯元素會被折斷到下一行，對於內聯元素能夠設置水平方向的padding，margin等，可是對於垂直方向，設置padding，margin看起來就會有效果可是對於瀏覽器來講是沒效果的，不影響其餘元素的佈局。img
不能包含其餘元素di
可是內聯元素中有一些是替換元素（瀏覽器在加載時根據屬性的設置最後肯定樣子），能夠設置寬高等屬性，例如：img，inputinline-block
設置display：block/inline-block
設置元素浮動
設置元素的position：relative/absolute/fixed