}
　　SPAN.front

{}
　　S

PAN.ba

{}
　　SPAN SPA

N {}
　</STYLE>

lt;/HEAD>

<BODY>

　<SPAN CLASS=back STYLE="top:20px;left:20px"></SPAN>
　<SP

AN CLASS=front STYLE="top:0px;left:0px">
　　<FONT STYLE="color:gray;top:25px;left:57px">CSS</FONT>
　　<FONT STYLE="color:blue;top:18px;left:50px">CSS</FONT>
　</SPAN>

</BODY>

</HTML>

BACKGROUND：
--------------------------------------------------------------------------------

設定背景圖片、顏色、混合、透空、捲動、位置、重複

語法：{}

BACKGROUND-ATTACHMENT：
--------------------------------------------------------------------------------

設定背景圖片是否捲動 ( 分為 : 捲動、固定 )

語法：{}

BACKGROUND-COLOR：
--------------------------------------------------------------------------------

設定背景顏色、透明

語法：{}

( color ) 可為顏色名稱或 16 進制表示法 - #RRGGBB ( 00 暗 ~ FF 亮 ) 、#RGB ( 0 暗 ~ F 亮 ) 代表紅綠藍強度。

範例：
{}

BACKGROUND-POSITION：
--------------------------------------------------------------------------------

設定背景位置 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )

語法：{}

BACKGROUND-REPEAT：
--------------------------------------------------------------------------------

設定背景重複填滿方式

語法：{}

====================================

區塊屬性設定：
--------------------------------------------------------------------------------

區塊是指用 <DIV> 、 <SPAN> 等標籤所建立出的邏輯區域，或是圖形、表格等均可稱之為區塊。在 DHTML 中，使用區塊是非常頻繁的，所以區塊設定就顯得非常有用。

CLEAR：
--------------------------------------------------------------------------------

設定浮動元件位置 ( 可設無、左邊、右邊、兩邊 )

語法：{}

範例：{}

CLIP：
--------------------------------------------------------------------------------

剪輯可見部份

語法：{}

( shape ) - RECT ( top ) ( right ) ( bottom ) ( left )

這個性質可決定區塊的某些範圍是可視的，而元件在此設定範圍外是不可視的。我們必需指定一個矩形區域給它，依序為上、右、下、左座標，而座標原點是此元件的左上角。

例如我們可用 clip:rect(0,100,100,0)，則從 (0,0) 至 (100,100) 間都是可視的，此元件在這範圍外就看不到了。

CURSOR：
--------------------------------------------------------------------------------

設定滑鼠游標 ( 可設自動、十字、箭頭、手形、移動、雙箭頭、文字、等待、求助 )

語法：{}

DISPLAY：
--------------------------------------------------------------------------------

設定是否顯示

語法：{}

這個性質可設定整個元件要不要顯示，以及顯示的方式。它可用的參數這裡一一介紹。
none 代表不顯示，且此元件不占任何空間。
block 代表顯示，並視為區塊，前後緊臨}

HEIGHT：
--------------------------------------------------------------------------------

設定元件高度 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )

語法：{}

範例：{}

LEFT：
--------------------------------------------------------------------------------

設定元件左邊位置 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )

語法：{}

@IMPORT：
--------------------------------------------------------------------------------

設定輸入排版樣式

語法：@IMPORT URL ( url )

LIST-STYLE：
--------------------------------------------------------------------------------

設定條列項目符號

語法：{}

LIST-STYLE-IMAGE：
--------------------------------------------------------------------------------

設定圖片為條列項目符號

語法：{}

LIST-STYLE-POSITION：
--------------------------------------------------------------------------------

設定條列項目符號位置 ( 可設內部、外部 )

語法：{}

LIST-STYLE-TYPE：
--------------------------------------------------------------------------------

設定條列項目符號形狀 ( 可設無、圓形、圓圈、正方形、小數點、羅馬符號、希臘符號 )

語法：{}

MARGIN：
--------------------------------------------------------------------------------

設定文字和邊緣距離 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )

語法：{}

這個性質一次設定上、下、左、右邊界與區塊外之元件間格距離。
使用時應依序指定上、右、下、左，例如 margin:3px 2px 5px 1px。
亦可一次指定四邊，例如 margin:2px，則全部均設 2px。

MARGIN-BOTTOM：
--------------------------------------------------------------------------------

設定文字和下邊緣距離 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )

語法：{}

MARGIN-LEFT：
--------------------------------------------------------------------------------

設定文字和左邊緣距離 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )

語法：{}

MARGIN-RIGHT：
--------------------------------------------------------------------------------

設定文字和右邊緣距離 ( 可設單位屬性 : 點pt、英寸in