HTML和CSS是網頁開發中非常重要的兩個概念，這兩個概念的理解及應用程度將直接影響網頁的展示效果和用戶體驗。

在HTML中，塞子（即<div>標簽）是一個非常有用的元素。它可用于分組和組織其他HTML元素，使得頁面結構更加清晰有序。通常情況下，塞子內的內容會被分組展示，例如將頁面分成不同的區塊。下面是一個代表塞子的HTML代碼：

<div>
<p>這是一個塞子</p>
<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>
</div>

在CSS中，我們可以對塞子使用樣式，例如改變塞子的背景顏色或字體大小等。下面是一個對塞子添加背景顏色樣式的CSS代碼：

div {
background-color: #F5F5F5;
padding: 20px;
border: 1px solid #CCCCCC;
}

上面的代碼中，我們通過選擇器選擇了所有的塞子（使用選擇器div），并對它們應用了一些樣式。例如，我們設置了背景顏色為#F5F5F5，內邊距為20個像素，外邊框為1像素寬度，顏色為#CCCCCC。