在CSS中，塊級(jí)元素指的是一種元素類型，它們會(huì)在文檔中占據(jù)一整個(gè)“塊”，并會(huì)在前后自動(dòng)添加一個(gè)換行符。這些元素通常比較重要，可以用來構(gòu)建頁面的“架構(gòu)”，比如標(biāo)題、段落、列表、表格等等。

h1 {
display: block;
font-size: 2em;
font-weight: bold;
margin: 0 0 0.5em;
}
ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

上面的代碼就是讓h1和ul元素以塊級(jí)方式顯示的例子。我們使用了“display”屬性來控制它們的顯示方式，將它們的值設(shè)為“block”，這樣就可以讓它們像我們預(yù)期的那樣占據(jù)一整個(gè)“塊”，并產(chǎn)生換行符。

當(dāng)然，CSS還有很多其他的顯示方式可以用來控制元素的布局，比如“inline”、“inline-block”等等。這些屬性會(huì)根據(jù)具體情況改變?cè)氐男袨椋热缱屗鼈冏兂伞靶袃?nèi)元素”，或者是一種介于“塊級(jí)元素”和“行內(nèi)元素”之間的狀態(tài)。

a {
display: inline-block;
padding: 0.5em 1em;
margin: 0.5em;
background-color: #ccc;
text-decoration: none;
color: #333;
border-radius: 5px;
}

上面的代碼演示了如何使用“inline-block”屬性將一個(gè)鏈接元素變成一個(gè)可點(diǎn)擊的按鈕。原本，鏈接元素是“行內(nèi)元素”，不能夠設(shè)置寬高、邊距等樣式，也無法產(chǎn)生換行符。但是，通過將它們的“display”屬性設(shè)置為“inline-block”，我們就可以讓它們像一個(gè)“塊級(jí)元素”一樣表現(xiàn)，同時(shí)還保持了它們的可點(diǎn)擊性。