Div（即division）是HTML中用來標識文檔中的一個區域，CSS則是用來控制文檔中的樣式的語言。通過結合使用Div和CSS，我們可以創建各種各樣的布局和樣式。

這是一個網站的標題
這是網站的正文內容，可以包含文字、圖片、鏈接等。
鏈接1
鏈接2
鏈接3
這是網站的底部信息，可以包含版權信息、聯系方式等。
.container {
width: 960px;
margin: 0 auto;
}
.header {
background-color: #333;
color: #fff;
padding: 20px;
}
.content {
float: left;
width: 600px;
padding: 20px;
}
.sidebar {
float: right;
width: 300px;
padding: 20px;
}
.footer {
clear: both;
background-color: #333;
color: #fff;
padding: 20px;
}

在上面的例子中，我們首先創建了一個class為container的Div，用來容納整個網站的內容。然后在container中，我們創建了四個class分別為header、content、sidebar和footer的Div，用來容納網站的不同部分。

接下來，我們使用CSS對這些Div進行樣式設置。我們設置container的寬度為960px，讓它居中顯示。我們使用background-color和color屬性來設置header和footer的背景色和文字顏色，使用padding屬性來設置它們的內邊距。我們使用float屬性來讓content和sidebar分別在左側和右側浮動，使用width屬性來設置它們的寬度。最后，我們使用clear屬性來清除浮動，以避免其他元素受到影響，同樣使用padding屬性來設置footer的內邊距。

通過這個例子，我們可以看到Div和CSS的應用對于創建各種不同布局和樣式的網站非常有幫助，同時也可以提高效率和靈活性。