CSS塊級元素是HTML文檔中的一種元素類型,與行內元素相對。塊級元素總是在新行上開始,并且會占據其父元素的全部寬度。
/* 舉個例子 */ div { width: 100%; background-color: gray; }
這里的div元素就是一個典型的塊級元素,它會占據整個頁面寬度并呈現為一個矩形。你可能已經熟悉了常見的塊級元素:p、h1~h6、ul、ol、li等等。這些元素都會自動以塊級元素的方式呈現,因此我們不需要為它們顯式地設置display屬性。
/* p標簽默認為塊級元素 */ p { background-color: yellow; }
前面的例子中,我們給所有的p標簽設置了黃色的背景。由于p元素是默認塊級元素,這些標簽都會占據一整行并且自動換行,因此背景色會占據整個p標簽框(box)。
總結一下,CSS塊級元素是界定HTML文檔中的標記范圍的一種機制。它們會自動在新行上開始,占據全部可用寬度,可以搭配使用各種CSS屬性和值實現對文檔的樣式控制。
上一篇css基本規范