在編寫網頁樣式的時候，我們經常需要使用代碼塊來調整元素的外觀和布局。在 CSS 中，代碼塊通常用{}符號包圍，包含了一系列屬性和值，用于描述元素的樣式。

代碼塊由選擇器和聲明組成，選擇器指定要修改樣式的元素，聲明則描述要應用的樣式，每一個屬性和值都被寫在一個屬性:值的格式內，多個屬性間用分號隔開。

p {
font-size: 16px;
color: #333;
line-height: 1.5;
}

在上面的例子中，選擇器是p，表示要修改所有的段落元素，而聲明則包含了三個屬性，用于設置段落的字號、顏色及行高。

我們可以嵌套代碼塊，將一些屬性和值作為子元素的一部分來應用，例如，在定義一個偽元素的樣式時，我們可以使用以下代碼：

p::before {
content: "★";
color: red;
font-size: 20px;
}

在上述代碼中，選擇器是p::before，其用于設置段落前面的偽元素的樣式，其中，content屬性用于插入一個星號，并將其顏色和字號修改為紅色和 20px。

在 HTML 中，我們可以使用<style>標簽或者外部樣式表來控制樣式，以便在多個網頁中使用相同的樣式。在編寫 CSS 代碼的時候，我們需要注意代碼的規范性和可讀性，使用代碼塊能夠很好地將不同的屬性分組，方便我們查找和修改。