CSS（Cascading Style Sheets）是一種用于定義和描述網(wǎng)頁樣式的語言。它通過為HTML元素添加樣式和布局來控制網(wǎng)頁的外觀和格式。在CSS中，div是一種常用的HTML元素，可以用于創(chuàng)建網(wǎng)頁的容器并且允許我們對(duì)容器進(jìn)行任意的樣式設(shè)計(jì)和布局。本教程將帶您了解如何使用CSS樣式化和定位div元素。
第一個(gè)案例是一個(gè)簡單的div樣式化實(shí)例。我們可以使用CSS為div元素添加背景色、顏色、邊框等樣式屬性。以下是一個(gè)示例代碼：

<style>
div {
background-color: #ff0000;
color: #ffffff;
border: 1px solid #000000;
padding: 10px;
width: 200px;
}
</style>
<br>
<div>這是一個(gè)樣式化的div元素</div>

在上面的代碼中，我們?yōu)閐iv元素設(shè)置了背景色（紅色）、文字顏色（白色）、邊框（1像素黑色實(shí)線）和內(nèi)邊距（10像素）。此外，我們還設(shè)置了div的寬度為200像素。運(yùn)行以上代碼，您將看到一個(gè)具有指定樣式的div元素顯示在頁面中。
第二個(gè)案例是一個(gè)簡單的div布局實(shí)例。通過使用CSS的定位屬性，我們可以自由地對(duì)div元素進(jìn)行位置控制。以下是一個(gè)示例代碼：

<style>
div.container {
position: relative;
width: 500px;
height: 300px;
border: 1px solid #000000;
}
<br>
div.box {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: #ff0000;
}
</style>
<br>
<div class="container">
<div class="box"></div>
</div>

在上面的代碼中，我們創(chuàng)建了一個(gè)容器div和一個(gè)內(nèi)部div。容器div具有指定的寬度、高度和邊框樣式。內(nèi)部div具有絕對(duì)定位（absolute），并通過top和left屬性指定了相對(duì)于容器div的位置。我們還為內(nèi)部div設(shè)置了寬度、高度和背景色。運(yùn)行以上代碼，您將看到一個(gè)具有指定位置的紅色小方塊顯示在容器div中。
通過以上兩個(gè)案例，我們可以看到CSS在樣式化和布局方面的強(qiáng)大能力。通過為div元素添加不同的樣式和屬性，我們可以自由地設(shè)計(jì)和定位網(wǎng)頁的內(nèi)容和結(jié)構(gòu)。在實(shí)際應(yīng)用中，我們可以根據(jù)具體需求使用更多的CSS屬性和選擇器對(duì)div元素進(jìn)行進(jìn)一步的樣式化和布局控制。