SPAN {}
SPAN
.front {}
SPAN.back
{}
SPAN SPAN {
}
</STYLE>
</HEAD>
<BODY>
<SPAN CLASS=back STYLE="top:20px;left:20px
"></SPAN>
<SPAN CLASS=front STYLE="top:0px;left:0px">
<FONT STYLE="color:gray;top:25px;left:5
7px">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:
--------------------------------------------------------------------------------
設定條列項目符號位置 ( 可設內部、外部 )