在CSS中，區塊被定義為一組相關聯的HTML元素組成的單元，這些元素可以共享相同的樣式和布局。使用區塊可以增加頁面結構的靈活性，從而使CSS樣式更加可維護和可重用。

.block {
/* 樣式屬性 */
margin: 0 auto;
padding: 10px 20px;
background-color: #f9f9f9;
border: 1px solid #ccc;
}

上面的代碼定義了一個名為“block”的區塊，并添加了一些基本的樣式屬性。這個區塊可以被應用到任何HTML元素上，只需將元素的類名設置為“block”即可。

<div class="block">
<p>這是一個區塊</p>
<p>它可以被應用到任何HTML元素</p>
</div>

在上面的代碼中，我們將類名“block”應用到了一個div元素中。這個div元素及其所有子元素都會繼承名為“block”的區塊的樣式屬性。

使用區塊可以將多個相關聯的樣式屬性封裝到一個單元中，從而使代碼更加模塊化和易于維護。例如，如果我們想要改變所有使用名為“block”的區塊的元素的顏色，只需修改一次區塊的樣式屬性即可。

.block {
/* 樣式屬性 */
margin: 0 auto;
padding: 10px 20px;
background-color: #f9f9f9;
border: 1px solid #ccc;
color: #333;
}

使用CSS中的區塊可以讓我們更好地組織頁面結構，降低代碼復雜度，提高代碼的可維護性和可讀性。