定位設置

【定位】子面板是實現精確和自由定位的關鍵屬性，其中的屬性使用“層“首選參數中定義層的默認標簽，將標簽或所選文本塊更改為新層。如圖6-14所示。面板各項參數含義如下：
l 【類型】：用來設置層的定位方式，有4種定位方式：
【絕對】：絕對定位。可將元素定位于相對于包含它的元素的指定坐標。
【固定】：可將元素定位于相對于瀏覽器窗口的指定坐標。坐標在下面【定位】的各項中輸入。該屬性工作于 IE7模式 。
【相對】：相對定位。在下面【定位】的各項中輸入的數值，都是將元素定位到其相對于其正常位置的地方。
【靜態】：固定位置，被元素會處于正常的位置。

圖6-14  樣式定義【定位】子面板
l 【顯示】、【Z軸】、【溢出】、【寬】、【高】和【剪輯】：參數值的意義同層的屬性相同，在前面章節已有介紹，在此不再贅述。
l 【定位】：指定對象的位置和大小。瀏覽器如何解釋位置取決于“類型”設置。

8．擴展功能

CSS樣式還可以實現一些擴展功能，這些功能集中在【擴展】面板上，如圖6-15所示。這個面板主要包括3種效果：分頁、鼠標效果和濾鏡。

圖6-15  樣式定義【擴展】子面板
l 【分頁】：是通過樣式來為網頁添加分頁符號，但目前沒有任何瀏覽器支持此項功能，故這里不作介紹。
l 【光標】：通過樣式改變鼠標形狀，鼠標放在被此項設置修飾的區域上，形狀會發生改變。【hand】（手）、【crosshair】（交叉十字）、【text】（文本選擇符號）、【wait】（Windows的漏斗形狀）、【default】（默認的鼠標形狀）、【help】（帶問號的鼠標）、【e-resize】（向東的箭頭）、“ne-resize”（指向東北的箭頭）、“n-resize”（向北的箭頭）、“nw-resize”（指向西北的箭頭）、“s-resize”（向西南的箭頭）、“auto”正常鼠標。IE4.0以上瀏覽器支持這些鼠標形狀，使用得當，會獲得很好的效果。
l 【過濾器】：使用CSS語言實現的濾鏡效果。Dreamweaver CS3過濾器嵌入16項樣式屬性：
【alpha】：設置元素的透明度。就是把目標元素與背景混合。可以指定數值來控制混合的程度。
【blendtrans】：產生一種精細的淡入淡出的效果。
【chroma】：可以指定對象中的某個顏色為透明色。
【blur】：把它加載到文字上，產生風吹模糊的效果，類似立體字，也可以把blur濾鏡加載到圖片上，能達到用圖象處理軟件制作的效果。
【dropshadow】：就是添加對象的陰影效果。
【fliph】：使對象水平翻轉。
【flipv】：使對象垂直翻轉。
【glow】：使對象的邊緣就產生類似發光的效果。
【gray】：把一張圖片變成灰度圖。
【invert】：把對象的可視化屬性全部翻轉,包括色彩、飽和度和亮度值。
【light】：使對象產生一個模擬光源的效果。
【mask】：使對象作出一個矩形遮罩效果。
【revealtrans】：是一個神奇的濾鏡，它能產生23種動態效果，還能在23種動態效果中隨機抽用其中的一種。用它來進行網頁之間的動態切換，非常方便。
【shadow】：可以在指定的方向建立對象的投影。
【wave】：使對象按照垂直的波形樣式扭曲的特殊效果。
【xray】：使對象看上去有一種x光片的效果。
圖6-16所示的是在圖像上添加“chroma”過濾器樣式前后的對照圖。
                      
 圖6-16  添加【過濾器】樣式前后對照圖