<div>是HTML中最常用的標簽之一，用于定義文檔中的塊級元素。CSS（層疊樣式表）用于美化和布局HTML文檔元素，而<div>標簽則可以被用來創建具有特定樣式和布局的容器。在CSS中，<div>屬于塊級元素。
<div>標簽通常不包含直接的內容，而是被用作將其他HTML元素包裝在一起的容器。通過使用<div>標簽，可以將一組元素組織在一起，并定義它們在頁面中的布局和樣式。通過定義一個CSS類或ID，并將其應用于<div>標簽，可以實現對容器的樣式化。
以下是幾個代碼案例，用于詳細說明<div>標簽的作用和使用方法：
案例一：

下面的代碼演示了如何使用<div>標簽創建一個具有特定樣式和布局的容器：

<div class="container">
<h1>這是一個容器標題</h1>
<p>這是容器的內容。</p>
</div>

在上面的代碼中，<div>標簽被用來創建一個名為“container”的容器，并在容器中包含了一個標題和一段文本。可以通過CSS樣式來定義.container類的樣式，從而實現對容器的樣式化。

案例二：

下面的代碼演示了如何使用<div>標簽創建一個具有特定樣式和布局的導航欄：

<div id="navbar">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

在上面的代碼中，<div>標簽被用來創建一個具有特定樣式和布局的導航欄。通過定義#navbar ID的樣式，可以實現對導航欄容器和其中的列表項的樣式化。

案例三：

下面的代碼演示了如何使用<div>標簽創建一個具有特定樣式和布局的網格布局：

<div class="grid-container">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
</div>

在上面的代碼中，<div>標簽被用來創建一個具有特定樣式和布局的網格容器。通過定義.grid-container類的樣式，可以實現對網格容器和其中的網格項的樣式化。

綜上所述，<div>標簽是用于在HTML文檔中創建具有特定樣式和布局的容器的常用標簽。通過定義CSS類或ID，并將其應用于<div>標簽，可以實現對容器的樣式化。在實際開發中，經常會用到<div>標簽來組織和布局頁面的內容。