div的作用是實現頁面佈局、實現對內容樣式的控制、實現各種各樣的佈局效果。

CSS是DHTML的基礎，CSS用於設定HTML元素在頁面上的顯示風格，而CSS-P則是CSS的一個擴充套件，它可用來控制HTML元素在網頁上或者說在視窗的位置。下面的兩個連結提供了CSS和CSS－P詳盡的技術手冊：

　　 在本課程中，將會反覆地對CSS進行介紹。

　　 使用DIV標籤

　　 使用CSS－P，主要依靠< div >標籤來實現，當你把HTML內容放在< div >標籤裡時，可以稱它為:“DIV塊”, “DIV 元素”, “CSS-layer”,或者簡單的稱之為“layer”。

　　 使用DIV標籤的方法和其他標籤沒有什麼兩樣：

　　 < div >

　　 HTML內容

　　 < /div >

　　 純粹使用< DIV >標籤而不加任何CSS內容，其效果與用< P >< /P >是一樣的。

　　 但當把CSS放進DIV標籤中以後，我們就可以指定HMTL元素顯示在螢幕上的具體位置，可以在某一位置上畫出方形或線，或者指定文字在某一個塊中如何顯示。首先要做的，是給這個DIV元素（即層）加上一個唯一的ID標識（ID的作用類似於為這個層起個名字）。

　　 < div　id="abc" >

　　 加一個ID號

　　 < /div >

　　 層的ID可以隨意設定，可由字母、數字和下劃線組成，但必須以字母起頭。

　　 你可以用以下兩種方法來實現CSS：

　　 嵌入式CSS:

　　 嵌入式是最常用的方法，

　　 < div　id="abc" style="this is style" >

　　 內嵌式CSS

　　 < /div >

　　 外部樣式表：

　　 使用外部引入方法的結果是一樣的，只不過它在書寫上要相應的複雜一點。

　　 < style type="text/css" >

　　 < !--

#abc {this is style}

　　 -- >

　　 < /style >

　　 < div　id="abc" >

　　 引用外部樣式表

　　 < /div >