在Web開發中，CSS是我們常用的樣式表語言，它可以幫助我們精確地控制網頁中的各個元素，其中，div元素是我們使用最為頻繁的容器元素之一，下面我們就來看一下如何使用CSS來應對div元素。

首先我們需要理解， CSS可以通過選擇器來選擇具體的HTML元素，然后為它們添加樣式。對于div元素，我們可以根據它的類名或ID來選擇它。例如：

.my-div {
width: 300px;
height: 200px;
background-color: #f0f0f0;
}
#main-div {
font-size: 20px;
color: red;
}

在上面的代碼中，我們針對兩個不同的div元素，使用了不同的選擇器來為它們添加樣式。對于類名為my-div的元素，我們設置了其寬度為300px，高度為200px，并設置了背景顏色為#f0f0f0。而對于ID為main-div的元素，我們設置了其字體大小為20px，顏色為紅色。

除了以上這些基本的樣式，我們還可以通過CSS來設置div元素的布局、邊框、陰影等等。例如：

.my-div {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #ccc;
box-shadow: 3px 3px 5px #888;
padding: 20px;
}

在以上代碼中，我們添加了更為復雜的樣式。首先，我們使用了display: flex;來將my-div元素轉化為Flex布局，然后使用了justify-content: center;和align-items: center;來使其內容水平垂直居中。接著，我們使用了border: 1px solid #ccc;為元素添加了1像素的實線邊框，使用box-shadow: 3px 3px 5px #888;為元素添加了一層3像素陰影，并通過padding: 20px;設置了元素內部的內邊距。

通過以上這些樣式，我們可以看到一個具備較為完整樣式的div元素會是這樣的：

<div class="my-div">
<p>這是一個div元素。</p>
</div>

當然，CSS還有很多其他樣式可以用來控制div元素的外觀和布局。在實際開發中，我們可以根據具體的需求來選擇相應的樣式來優化、美化我們的網頁。