CSS中，按元素的顯示屬性來分，元素分為兩類：塊狀元素和行內元素。塊狀元素在布局時會默認占據一行，而行內元素則會在同一行內依次旁排。

//塊狀元素的定義
 display:block;

常見的塊狀元素有：

• p
• h1-h6
• div
• ul、ol
• article、section、aside、nav、header、footer等HTML5新增元素

塊狀元素的特點有：

• 每個塊狀元素都會獨占一行，所以其寬度默認為100%。
• 默認情況下，塊狀元素的寬度可以設置。
• 元素高度可以設置為固定高度或百分比高度相對于容器。
• 默認情況下，塊狀元素會在前后各保留一個換行符，這樣使得元素間距不為0。
• 塊狀元素可以容納其它塊狀元素以及行內元素。
• 塊狀元素可以設置寬度、高度、內邊距、外邊距及邊框。

總結：

塊狀元素在布局上會獨占一行，可以施加更精細的樣式控制，能夠給頁面帶來更好的可讀性、布局上更簡單優雅的效果。