Div是HTML中的一個框架元素，它的作用是分隔頁面上的不同區域。使用Div標簽可以將整個頁面拆分成多個部分，用CSS來設置每個Div的樣式，實現頁面內自由排版的效果。

CSS（Cascading Style Sheets）是用來控制網頁外觀的語言，它通過選擇器、屬性和值來實現對頁面布局和樣式的控制。在為Div設置樣式時，可以使用CSS的類選擇器、id選擇器或標簽選擇器來精確定位需要操作的元素。

這是標題
這是一段文字
列表1
列表2
列表3

在上面的代碼中，我們創建了一個名為container的Div元素，用來包含網頁的主體內容。對于這個Div元素，我們使用了CSS樣式對其進行了設置：

• width屬性設置容器寬度為80%;
• margin屬性設置容器居中顯示;
• background-color屬性設置背景顏色為灰色;
• padding屬性設置容器內邊距為20px。

另外，我們也設置了h1、p、ul和li元素的樣式。通過這些CSS樣式，我們可以輕松地控制頁面中各個元素的布局、字體、顏色等樣式。