在網頁設計中，開發人員將經常使用兩個基本技術：HTML和CSS。HTML定義網頁的內容，而CSS定義網頁的樣式。而Div是可以用來劃分HTML文檔內的部分并可以設置不同的可見或隱藏性樣式或其他屬性，以便更好地排版HTML文檔。

div {
width: 100px;
height: 100px;
background-color: blue;
}
div p {
color: white;
}

以上代碼塊中，我們使用CSS樣式定義了一個div元素和其內部的p元素的樣式。div元素的樣式為100px × 100px大小和藍色背景，而p元素的顏色為白色。

在實際項目中，我們可以通過CSS和div相結合的方式來實現網頁布局。在頁面中嵌套多個div元素，再通過CSS樣式來定義每個div元素的樣式屬性，從而實現頁面布局的靈活性。

除了頁面布局之外，div還可以用來實現其他功能。例如通過設置相同的class名稱，同一類樣式的元素可以使用一個CSS樣式配置。

這是一個容器
這是一個鏈接
.container {
border: 1px solid black;
margin: 20px;
padding: 10px;
}

以上代碼塊中，我們定義了一個名為.container的CSS樣式，將容器元素的邊框、外邊距和內邊距進行了設置，這樣所有使用.container類的元素都會應用這個樣式。

綜上所述，CSS和div是構建現代網站的關鍵工具。通過合理的使用，我們可以創建出美觀、具有吸引力和響應性的用戶界面。