CSS中的div是一個非常重要的概念，它可以讓我們更好地控制網(wǎng)頁的布局，實現(xiàn)更加精美的頁面效果。div提供了一個容器，我們可以將任意元素放入其中，并對每個元素進行樣式定義。下面我們來看看如何使用div來完成網(wǎng)頁的布局。

<div>
<p>這是一個段落</p>
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
</div>

如上所示，我們創(chuàng)建了一個div容器，其中包含一個段落和一個無序列表。接下來我們可以使用CSS樣式對每個元素進行定義。

div {
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
margin: 10px;
width: 500px;
}
p {
font-size: 16px;
margin-bottom: 10px;
}
ul li {
list-style: none;
font-size: 14px;
margin-bottom: 5px;
}

如上所示，我們使用div選擇器對整個容器進行了樣式定義，包括背景顏色、邊框、內(nèi)邊距、外邊距和寬度等屬性。接著使用p選擇器對段落進行了字號和底部邊距的定義，最后使用ul li選擇器定義了無序列表項的字號和底部邊距，同時取消了默認列表樣式。

使用div的好處是可以將不同的元素組合在一起，從而更加靈活地控制頁面布局。通過為div和子元素分別定義樣式，我們可以實現(xiàn)豐富多彩的頁面效果。而在實際開發(fā)中，我們也可以使用CSS框架來幫助我們更加高效地使用div進行網(wǎng)頁布局。