DIV

當使用 CSS-P 的時候，主要把它用在 DIV（division）tag 上。當把文字，圖像，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSS-layer”，或乾脆叫“layer”。所以把它稱作“層次”。所以當看到這些名詞的時候，就知道它們是指一段在 DIV 中的 HTML。

使用 DIV 的方法跟使用其他 tag 的方法一樣：

如果單獨使用 DIV 而不加任何 CSS-P, 那麼它在網頁中的效果和不使用是一樣的。

但當把 CSS-P 用到 DIV 中去以後，就可以嚴格設定它的位置。首先需要給這個可以被 CSS-P 控制的 DIV 一個 ID 或說是它的名字。比如說給這個 DIV 的名字是 truck。給名字的目的是以後可用JavaScript來控制它，比如說移動它或改變它的一些性質等等。

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

Inline CSS：Inline是最常用的方法。

ExternalSTYLE tag：使用 External 方法的結果是一樣的。請注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的關係。

Cross-Browser CSS 性質：

position 決定 DIV tag 是如何放置的。“relative”意思是DIV的位置是相對於自身tag的，而“absolute”是說 DIV tag 的位置是相對於它父級relative的窗口或者body標籤。

left 相對於窗口左邊的位置

top 相對於窗口上邊的位置

width DIV tag 的寬度。所有在 DIV 里的文字或html都在裡面。

height DIV tag 的高度。這個性質很少用除非想 Clip 層次。

clip 給出 layer 的 clipping（可看的見的）部分。Clip 可使得 DIV 顯示為一個可以定義的很準確的方塊。可以用以下的四個值來給出這個方塊的在 DIV 位置和大小。

clip:rect(top,right,bottom,left);

visibility 隱蔽或展現DIV 根據它的值“visible”，“hidden”，“inherit”。

z-indexDIV tag 的立體位置。值越大 DIV 的位置越高。

background-color DIV 背景的顏色。

layer-background-color Netscape 的 DIV 背景顏色。

background-image DIV 的背景圖像。

layer-background-image Netscape 的 DIV 的背景圖像。

HTML

---