CSS容器是指包含HTML元素的矩形框。通過CSS樣式屬性，可以控制容器的大小、位置、邊框、內(nèi)邊距、背景色等。CSS容器可以用于布局頁面，常見的CSS容器有div、header、section、article、nav等。

如何定義CSS容器？可以在HTML中使用<div>標(biāo)簽或其他HTML標(biāo)簽來創(chuàng)建容器，如下所示：

<div>
<p>這是一個CSS容器</p>
</div>

接下來，可以使用CSS樣式規(guī)則來定義容器的屬性。以下是一些常見的CSS樣式屬性，可以用來控制容器的外觀：

/* 容器的大小 */
div {
width: 200px; /* 容器的寬度 */
height: 100px; /* 容器的高度 */
}
/* 容器的位置 */
div {
position: relative; /* 相對定位，容器不脫離文檔流 */
top: 50px; /* 容器向下偏移50px */
left: 100px; /* 容器向右偏移100px */
}
/* 容器的邊框 */
div {
border: 1px solid black; /* 容器的邊框為1個像素黑色實線 */
}
/* 容器的內(nèi)邊距 */
div {
padding: 10px; /* 容器的內(nèi)邊距為10px */
}
/* 容器的背景色 */
div {
background-color: #f1f1f1; /* 容器的背景色為淡灰色 */
}

總之，CSS容器是一個非常有用的工具，可以幫助我們將HTML元素組織成布局，使頁面更加美觀和清晰。