html中div的用法
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 >