在網頁設計中，CSS和DIV是兩個非常重要的概念。CSS（Cascading Style Sheets）是一種用于描述網頁展示效果的樣式語言，而DIV（document division）則是網頁中的一個容器，用于對網頁元素進行布局。

CSS通過定義不同的樣式來控制網頁中的各種元素，包括文字、鏈接、圖像等。在CSS中，我們可以為不同的元素設置不同的樣式，例如字體、顏色、大小、背景等。而DIV則可以用來劃分網頁布局，將不同的元素放置于不同的位置。使用DIV可以使網頁結構更加清晰明了，也更易于管理和更新。

/* CSS樣式定義 */
body {
font-size: 16px;
font-family: 'Microsoft Yahei', Arial, sans-serif;
}
a {
color: #333;
text-decoration: none;
}
#header {
height: 80px;
background-color: #f5f5f5;
text-align: center;
line-height: 80px;
font-weight: bold;
font-size: 24px;
}
#content {
width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.box {
width: 200px;
height: 200px;
float: left;
margin: 20px;
border: 1px solid #ccc;
text-align: center;
line-height: 200px;
font-size: 24px;
}

上述代碼通過CSS定義了一些基本的樣式，包括頁面字體、鏈接、頭部、內容區域和其他內容的樣式。其中，頭部和內容區域使用了DIV進行布局，而.content使用了.box進行布局，并為.box設置了浮動、外邊距、邊框和居中樣式等。

當我們在設計網頁時，需要合理使用CSS和DIV來對網頁的展示效果和布局進行控制。通過對CSS和DIV的靈活運用，可以讓網頁更加美觀、清晰的呈現在用戶面前。