塊級(jí)元素是指在HTML文檔中，具有從上到下，從左到右的布局方式，并且會(huì)自動(dòng)換行的元素。常見的塊級(jí)元素有div、h1、p等。

div {
display: block;
width: 100px;
height: 100px;
background-color: red;
}

上面是一個(gè)簡(jiǎn)單的CSS代碼，將一個(gè)div元素設(shè)置為塊級(jí)元素，并給它設(shè)置了寬度、高度和背景顏色。在HTML文檔中，可以這樣使用這個(gè)div元素：

<div></div>

這樣就會(huì)在頁面上顯示一個(gè)紅色的正方形塊。

塊級(jí)元素具有許多優(yōu)點(diǎn)。它們可以方便地控制布局，在它們之間添加空白符號(hào)可以達(dá)到視覺上的分隔效果，可以使HTML文檔結(jié)構(gòu)更加清晰明了。

另外，塊級(jí)元素還具有一些特殊的屬性。它們會(huì)在文檔流中占據(jù)一整行，并且它們的寬度默認(rèn)為父元素的100%。不僅如此，它們還可以設(shè)置上、下、左、右的邊距和內(nèi)邊距。

p {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

上面是一個(gè)p元素的樣式代碼，它將p元素設(shè)置為塊級(jí)元素，并且給它設(shè)置了上下左右的邊距和內(nèi)邊距。使用塊級(jí)元素可以很方便地控制頁面的布局，使頁面更加具有美觀性和可讀性。