1. 程式人生 > >html中div的用法

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 >