<div> 是一種HTML標(biāo)簽，用于創(chuàng)建一個(gè)容器或者一個(gè)區(qū)域，用來劃分和組織網(wǎng)頁的結(jié)構(gòu)。通過 <div> 標(biāo)簽，我們可以把網(wǎng)頁分成若干個(gè)塊，使其具有不同的樣式和功能。在CSS中，我們可以使用 <div> 標(biāo)簽來實(shí)現(xiàn)網(wǎng)頁布局的靈活性和可擴(kuò)展性。下面將通過幾個(gè)代碼案例來詳細(xì)介紹和說明 <div> 的使用方法和常見實(shí)例。

，我們來看一個(gè)簡(jiǎn)單的使用 <div> 的案例：

<div>
這是一個(gè)簡(jiǎn)單的 div。
</div>

上面的代碼中，我們使用了一個(gè) <div> 標(biāo)簽來創(chuàng)建了一個(gè)容器。我們可以在這個(gè)容器中添加文本、圖片、表格或者其他HTML元素，來對(duì)網(wǎng)頁進(jìn)行各種布局和設(shè)計(jì)。

接下來，我們來看一個(gè)更具體的例子，演示了如何使用CSS和 <div> 進(jìn)行網(wǎng)頁布局：

<div id="header">
這是網(wǎng)頁的頭部。
</div>
<br>
<div id="content">
這是網(wǎng)頁的內(nèi)容部分。
</div>
<br>
<div id="footer">
這是網(wǎng)頁的底部。
</div>

在上面的代碼中，我們使用了三個(gè)不同的 <div> 容器，分別是頭部（header）、內(nèi)容部分（content）和底部（footer）。并且通過給每個(gè) <div> 添加了一個(gè)唯一的 id 屬性（header、content、footer），我們可以對(duì)不同的 <div> 分別設(shè)置樣式和進(jìn)行控制。這樣，我們可以靈活地創(chuàng)建和設(shè)計(jì)網(wǎng)頁的布局，并且方便維護(hù)和擴(kuò)展。

除了使用 id 屬性來唯一標(biāo)識(shí)一個(gè) <div> 容器外，還可以使用 class 屬性來對(duì)相似的 <div> 進(jìn)行一些樣式上的統(tǒng)一控制。下面是一個(gè)使用了 class 屬性的例子：

<div class="box">
這是一個(gè)帶有 box 樣式的 <div>。
</div>
<br>
<div class="box">
這是另一個(gè)帶有 box 樣式的 <div>。
</div>

在上面的代碼中，我們給兩個(gè) <div> 都添加了相同的 class 屬性（box）。通過CSS樣式定義的方式，我們可以輕松地對(duì)擁有相同 class 屬性值的 <div> 容器進(jìn)行樣式設(shè)置，進(jìn)而實(shí)現(xiàn)統(tǒng)一的樣式效果。

起來，<div> 是一種非常常見和重要的HTML標(biāo)簽，用來創(chuàng)建容器和區(qū)域，可以方便地劃分和組織網(wǎng)頁的結(jié)構(gòu)，實(shí)現(xiàn)靈活的網(wǎng)頁布局。無論是通過id屬性還是class屬性，我們可以對(duì)<div>容器進(jìn)行樣式和控制，從而為網(wǎng)頁增添更多的美觀和功能。