塊級元素
塊級元素佔據獨立的空間，有以下特點：
獨佔一行或多行
寬度，高度，內外邊距可以設置，且有效
寬度默認是父容器的100%
可以作為其他塊級元素和行內元素的父容器（文本類塊級元素不建議作為其他塊級元素的容器，如p， h1~h6）
常見的塊級元素有：div， h1~h6， hgroup， p， table， form， ul， ol， hr， header， main， footer， aside， article， section， video， audio， canvas， pre， option
行內元素
行內元素不佔據獨立空間，依靠自身內容撐開寬高，與同屬一個父容器的其他行內元素在同一行上依次排列，根據white-space屬性值來決定是否換行。它們具備以下特徵：
不獨佔一行，但內容過長時會根據white-space控制換行。
寬度，高度的設置是無效的。內外邊距只能設置左右方向（設置padding-top， padding-bottom， margin-top， margin-bottom是無效的）。但是有一點要注意，padding-top和padding-bottom對自身有表現效果，但是不影響周圍元素的佈局
