DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV標簽用法詳解(2)
DIV標簽用法詳解(2)
編輯:CSS詳解     

1.使用DIV標簽(div)

當我們使用CSS-P的時候,我們主要把它用在DIV(division)tag上。當你把文字,圖象,或其他的放在DIV中,它可稱作為“DIVblock”,或“DIVelement”或“CSS-layer”,或干脆叫“layer”。而中文我們把它稱作“層次”。所以當你以後看到這些名詞的時候,你就知道它們是指一段在DIV中Html。
使用DIV的方法跟使用其他tag的方法一樣:

◆ThisisaDIVtag.

如果單獨使用DIV而不加任何CSS-P,那麼它在網頁中的效果和使用是一樣的。
但當我們把CSS-P用到DIV中去以後,我麼就可以嚴格設定它的位置。首先我們需要給這個可以被CSS-P控制的DIV一個ID或說是它的名字。比如說我們給下面這個DIV的名字是truck。給名字的目的是我們以後可用JavaScript來控制它,比如說移動它或改變它的一些性質等等。

◆Thisisatruck

給層次取什麼名字是隨意的,名字可以是任何英文字母和數字,但第一個必須是字母。有兩種把CSS-P應用到DIV的方法。

InlineCSS:Inline是最常用的方法。

Thisisatruck.
ExternalSTYLEtag:使用External方法的結果是一樣的。我們會在以後的課程裡再詳細解釋這種方法。現在我們主要討論Inline方法。請注意在External方法裡,在STYLE裡的ID和DIV裡的關系。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved