1、第8章 使用CSS樣式表內(nèi)容提要要CSS樣式表概概述層疊樣式式應用技技巧附加外部部樣式表表的方法法CSS濾鏡效果果應用學習目標標學會使用用CSS進行簡單單的頁面面布局了解CSS面板各功功能區(qū)的的使用方方法，掌掌握附加加或新建建CSS樣式的方方法CSS樣式表概概述CSS（Cascading Style Sheet，級聯(lián)聯(lián)樣式表表）樣式式是網(wǎng)頁頁元素外外觀屬性性的集合合，是一一系列的的格式規(guī)規(guī)則，它它允許網(wǎng)網(wǎng)頁設計計者定義義文本、表格、圖像、表單等等網(wǎng)頁元元素的樣樣式。層疊樣式式應用技技巧創(chuàng)建CSS樣式樣式的定定義管理CSS樣式應用CSS樣式表創(chuàng)建CSS樣式CSS樣式的新新建、應應用及編編輯等操操

2、作都是是在“CSS樣式”面面板中完完成的。認識“CSS”樣式面板板創(chuàng)建CSS樣式認識“CSS”樣式面板板“CSS樣式”面面板在“設計”面板組組中，如如果面板板組中沒沒有“CSS樣式”面面板，選選擇窗口中CSS樣式菜單命令令，或按按【Shift+F11】鍵即可打打開“CSS樣式”面面板，如如圖8-1所示。面板中各各按鈕的的功能如如下。：單擊該該按鈕可可打開“附加樣樣式表”對話框框。選擇擇要鏈接接到或?qū)氲疆敭斍拔臋n檔中的外外部樣式式表。：單擊該該按鈕可可新建CSS樣式。：單擊該該按鈕可可打開“編輯樣樣式表”對話框框，在對對話框中中可對當當前文檔檔或外部部樣式表表中的任任何樣式式進行編編輯。：選

3、中面面板中的的樣式，再單擊擊該按鈕鈕可刪除除所選的的樣式，并刪除除該樣式式應用于于任何元元素中的的設置。：單擊該該按鈕，可以打打開“CSS樣式”菜菜單，如如圖8-2所示，通通過該菜菜單可以以編輯、復制、刪除或或應用所所選中的的CSS樣式，也也可以新新建CSS樣式。圖8-1圖8-2創(chuàng)建CSS樣式創(chuàng)建CSS樣式的具具體操作作如下。（1）執(zhí)行下下列3種方法之之一打開開如圖7-3所示的“新建CSS樣式”對對話框。圖8-3在“CSS樣式”面面板中單單擊按按鈕鈕。在“CSS樣式”窗窗口中單單擊鼠標標右鍵，在彈出出的快捷捷菜單中中選擇“新建”命令。單擊按按鈕鈕，在彈彈出的“CSS樣式”菜菜單中選選擇“新新建

4、”命命令。（2）在“名名稱”下下拉列表表框中輸輸入新建建CSS樣式的文文件名。（3）在“選選擇器類類型”欄欄中選擇擇所定義義的樣式式類型，CSS樣式的創(chuàng)創(chuàng)建類型型有以下下3種。：創(chuàng)建自自定義樣樣式，選選中該單單選項可可以創(chuàng)建建一個應應用于文文本和文文本塊的的CSS樣式。但但需要注注意的是是，在“名稱”下拉列列表框中中輸入的的自定義義樣式名名稱要以以英文句句點開頭頭，如果果沒有輸輸入，則則Dreamweaver將自動添添加。：選中該該單選項項可以重重新定義義HTML標簽，表表示為現(xiàn)現(xiàn)有HTML標簽賦上上新的樣樣式。選選中該單單選項后后“名稱稱”下拉拉列表框框變?yōu)椤皹撕灐毕吕辛斜砜?，如圖8-4所

5、示。在在該下拉拉列表框框中可選選擇重新新定義的的標簽，如圖8-5所示。：使用CSS選擇器，表示要要對特定定的HTML標簽組合合或含有有某個ID屬性的所所有標簽簽進行重重新定義義。選中中該單選選項后“名稱”下拉列列表框變變?yōu)椤斑x選擇器”下拉列列表框，如圖8-6所示，可可在該下下拉列表表框中選選擇需要要使用的的選擇器器類型，如圖8-7所示。（4）在“定定義在”欄中選選擇樣式式的種類類。：選中該該單選項項，可以以定義一一個外部部鏈接的的CSS樣式。：選中該該單選項項，定義義一個僅僅應用于于當前頁頁面的CSS樣式。圖8-4圖8-5圖8-6圖8-7如果在“定義在在”欄中中選中了了單單選項，則會打打開“保

6、保存樣式式表文件件為”對對話框，在該對對話框中中保存新新建的樣樣式表文文件，如如圖8-8所示。若選中單單選項，則直接接打開如如圖8-9所示的對對話框。（5）在“分分類”列列表中選選擇要定定義的樣樣式類型型，再在在右側(cè)設設置相應應參數(shù)，具體的的定義方方法將在在下一節(jié)節(jié)講解。（6）設置完完后單擊擊 按鈕鈕，完成成CSS樣式的創(chuàng)創(chuàng)建。圖8-8圖8-9創(chuàng)建了新新的樣式式后，即即可在“CSS樣式定義義”對話話框中進進行設置置，CSS樣式有8種，下面面分別介介紹其設設置方法法。設置CSS樣式類型型格式設置CSS樣式背景景格式設置CSS樣式區(qū)塊塊格式設置CSS樣式方框框格式設置CSS樣式邊框框格式設置CSS

7、樣式列表表格式設置CSS樣式定位位格式設置CSS樣式擴展展格式樣式的定定義設置CSS樣式的類類型格式式可以為為頁面中中的文本本加入字字體、大大小、風風格等類類型格式式，具體體操作如如下。（1）在“分分類”列列表中選選擇“類類型”選選項，列列表右側(cè)側(cè)就會顯顯示出“類型”選項的的參數(shù)設設置，如如圖8-10所示。其其中各參參數(shù)含義義如下。字體：在在該下拉拉列表框框中可以以輸入字字體類型型，也可可以單擊擊按按鈕，從下拉拉列表中中選擇需需要的字字體。設置CSS樣式類型型格式大小：在在該下拉拉列表框框中可以以直接輸輸入樣式式文本的的字號，或從下下拉列表表中選擇擇需要的的字號，當選擇擇字號后后，可以以在其右

8、右側(cè)的下下拉列表表框中選選擇字號號的單位位。粗細：在在該下拉拉列表框框中可輸輸入字體體的粗細細程度，也可從從下拉列列表中選選擇需要要的粗細細程度。樣式：在在該下拉拉列表框框中可輸輸入字體體的特殊殊格式，也可以以從下拉拉列表中中選擇字字體的特特殊格式式。變量：在在該下拉拉列表中中可選擇擇字體的的變形方方式。行高：在在該下拉拉列表中中可選擇擇“正常?！被颉爸怠边x選項，當當選擇“值”選選擇項時時可在右右側(cè)的下下拉列表表框中選選擇值的的單位。大小寫：在該下下拉列表表框中可可以輸入入文本的的大小寫寫方式，也可以以在下拉拉列表中中選擇文文本的大大小寫方方式。修飾：在在該欄中中設置文文本的修修飾效果果，包括

9、括、等等復選選框。顏色：可可單擊按按鈕鈕，在打打開的顏顏色列表表中選擇擇需要的的顏色，也可在在文本框框中直接接輸入顏顏色值。（2）設置完完成后，單擊按按鈕鈕即可應應用樣式式，再單單擊按按鈕鈕關閉對對話框。圖8-10若不使用用已設置置的效果果，選中中復復選框框即可。為頁面中中的元素素加入背背景格式式的具體體操作如如下。（1）在“分分類”列列表中選選擇“背背景”選選項，其其右側(cè)顯顯示出“背景”的參數(shù)數(shù)設置，如圖8-11所示。其其中各參參數(shù)含義義如下。背景顏色色：可單單擊按按鈕，在打開開的顏色色列表中中選擇需需要的顏顏色，也也可在文文本框中中直接輸輸入顏色色值。背景圖像像：可在在該文本本框中直直接輸

10、入入背景圖圖像的URL地址，或或單擊按按鈕，打打開“選選擇圖像像源文件件”對話話框，選選擇背景景圖像。設置CSS樣式背景景格式圖8-11如果所選選圖像不不在指定定的站點點文件中中，系統(tǒng)統(tǒng)要求將將所選圖圖片保存存在站點點目錄中中。重復：可可在該下下拉列表表框中輸輸入圖像像重復放放置的方方式，也也可以在在其下拉拉列表中中選擇背背景圖像像的重復復放置方方式。附件：在在該下拉拉列表框框中可以以輸入“固定”或“滾滾動”來來設置該該背景圖圖像是固固定在原原始位置置還是可可以滾動動，同樣樣也可以以在下拉拉列表框框中選擇擇。水平位置置：在該該下拉列列表框中中可以輸輸入設置置背景圖圖像相對對于應用用樣式元元素的

11、水水平位置置，也可可在下拉拉列表中中選擇。垂直位置置：在該該下拉列列表中可可以輸入入設置背背景圖像像相對于于應用樣樣式元素素的垂直直位置，也可在在下拉列列表中選選擇。（2）設置完完成后，單擊按按鈕鈕即可應應用樣式式，再單單擊按按鈕關關閉對話話框。在“CSS樣式定義義”對話話框的“區(qū)塊”類別中中可以定定義標簽簽和屬性性的間距距和對齊齊設置。設置區(qū)區(qū)塊格式式的具體體操作如如下。（1）在“分分類”列列表中選選擇“區(qū)區(qū)塊”選選項，對對話框右右側(cè)顯示示出區(qū)塊塊的參數(shù)數(shù)設置，如圖8-12所示。其其中各參參數(shù)含義義如下。單詞間距距：在該該下拉列列表框中中可選擇擇單詞的的間距方方式，若若選擇“值”選選項，則則

12、在該下下拉列表表框中輸輸入數(shù)值值來確定定單詞的的間距，并在右右側(cè)的下下拉列表表中設置置數(shù)值的的單位。設置CSS樣式區(qū)塊塊格式字母間距距：在該該下拉列列表框中中設置字字母間的的間距。若在列列表中選選擇“值值”選項項，在右右側(cè)的下下拉列表表中可以以設置數(shù)數(shù)值的單單位。垂直對齊齊：在該該下拉列列表框中中可指定定元素相相對于其其父級元元素在垂垂直方向向上的對對齊方式式。也可可輸入一一個數(shù)值值，然后后在右側(cè)側(cè)的下拉拉列表中中設置數(shù)數(shù)值的單單位。文本對齊齊：該下下拉列表表框用于于指定文文本在應應用該樣樣式元素素中的對對齊方式式。文本縮進進：在該該文本框框中輸入入第一行行的縮進進距離，在右側(cè)側(cè)的下拉拉列表中

13、中選擇數(shù)數(shù)值單位位。空格：在在該下拉拉列表框框中設置置處理空空格的方方式。顯示：在在該下拉拉列表框框中選擇擇區(qū)塊中中要顯示示的格式式。（2）設置完完成后，單擊按按鈕即可可應用樣樣式，再再單擊按按鈕關閉閉對話框框。在“CSS樣式定義義”對話話框的“方框”類別中中可以定定義控制制元素在在頁面上上的放置置方式和和屬性，設置方方框格式式的具體體操作如如下。（1）在“分分類”列列表中選選擇“方方框”選選項，對對話框右右側(cè)顯示示出“方方框”選選項的參參數(shù)設置置，如圖8-13所示。寬和高：在該下下拉列表表中可指指定元素素的寬度度和高度度，也可可以輸入入一個數(shù)數(shù)值，然然后在右右側(cè)的下下拉列表表中設置置數(shù)值的的

14、單位。設置CSS樣式方框框格式圖8-12圖8-13浮動：在在該下拉拉列表框框中設置置應用樣樣式元素素的浮動動位置。利用該該參數(shù)可可以將元元素移到到頁面之之外，如如在下拉拉列表框框中選擇擇“右對對齊”選選項，則則將元素素放置到到頁面右右側(cè)的空空白處，同樣若若選擇“左對齊齊”選項項則將元元素放置置到頁面面左側(cè)的的空白處處。清除：在在該下拉拉列表框框中可以以設置層層不允許許在應用用樣式元元素的某某個側(cè)邊邊。如在在下拉列列表框中中選擇“左對齊齊”選項項，則層層不能出出現(xiàn)在應應用樣式式元素的的左側(cè)。同樣如如選擇“右對齊齊”選項項，則層層不能出出現(xiàn)在應應用樣式式的右側(cè)側(cè)。如果果層在設設置該樣樣式前已已在元

15、素素的某側(cè)側(cè)，而又又設置了了層不能能出現(xiàn)在在該側(cè)邊邊，則應應用該樣樣式的元元素將會會自動移移開。填充：在在該欄中中可以設設置應用用樣式元元素的內(nèi)內(nèi)容和元元素的邊邊框之間間的空白白大小，如果沒沒有邊框框，則為為與邊距距之間的的空白大大小。如如選中復復選框框就可將將“上”下拉列列表框中中的設置置應用于于元素的的所有邊邊，如圖圖7-13所示。若若取消該該復選框框的選中中狀態(tài)，就可分分別在“上”、“右”、“下下”和“左”下下拉列表表框中設設置對應應邊的空空白大小小，如圖8-14所示。邊界：在在該欄中中可以設設置應用用樣式的的元素邊邊界和其其他元素素之間的的空白大大小。如如選中復復選框框就可將將“上”下

16、拉列列表框中中的設置置應用于于元素的的所有邊邊，如圖圖7-13所示。若若取消該該復選框框的選中中狀態(tài)，就可分分別在“上”、“右”、“下下”和“左”下下拉列表表框中設設置對應應邊的空空白大小小。在其其右側(cè)的的下拉列列表框中中可選擇擇值的單單位，如如圖8-14所示。（2）設置完完成后，單擊按按鈕鈕即可應應用樣式式，再單單擊按按鈕鈕關閉對對話框。在“CSS樣式定義義”對話話框的“邊框”類別可可以定義義元素周周圍邊框框的設置置，如寬寬度、顏顏色和樣樣式等，設置邊邊框格式式的具體體操作如如下。（1）在“分分類”列列表中選選擇“邊邊框”選選項，列列表右側(cè)側(cè)顯示出出“邊框框”選項項的參數(shù)數(shù)設置，如圖8-15

17、所示。其其中各參參數(shù)含義義如下。樣式：在在該欄中中設置邊邊框的樣樣式外觀觀，該欄欄中各項項下拉列列表框中中的選項項都相同同，如圖8-16所示。若若選中復選框，就可將將“上”下拉列列表框中中的設置置應用于于元素的的所有邊邊。若取取消該復復選框的的選中狀狀態(tài)，就就可分別別在“上上”、“右”、“下”和“左左”下拉拉列表框框中設置置對應邊邊的邊框框格式。設置CSS樣式邊框框格式寬度：該該欄中設設置元素素邊框的的粗細。其設置置方法與與“樣式式”欄類類似。顏色：該該欄中設設置元素素邊框的的顏色。其設置置方法與與“樣式式”欄類類似。（2）設置完完成后，單擊按按鈕鈕即可應應用樣式式，再單單擊按按鈕鈕關閉對對話

18、框。圖8-14圖8-15在“CSS樣式定義義”對話話框的“列表”類別中中可以定定義列表表標簽的的列表設設置，如如項目符符號大小小和類型型，設置置列表格格式的具具體操作作如下。（1）在“分分類”列列表中選選擇“列列表”選選項，對對話框右右側(cè)顯示示出“列列表”選選項的參參數(shù)設置置，如圖8-17所示。其其中各參參數(shù)含義義如下。類型：在在該下拉拉列表框框中可以以選擇無無序列表表的項目目符號類類型及有有序列表表的編號號類型。設置CSS樣式列表表格式項目符號號圖像：在該下下拉列表表框中指指定圖像像作為無無序列表表的項目目符號，可直接接輸入指指定圖像像的路徑徑，也可可單擊按按鈕來選選擇作為為項目符符號的圖圖

19、像，如如圖8-18所示。位置：在在該下拉拉列表框框中可以以選擇列列表文本本是否換換行和縮縮進。如如選擇“內(nèi)”選選項，則則當列表表過長而而自動換換行時，不縮進進，若選選擇“外外”選項項，則當當列表過過長而自自動換行行時以縮縮進方式式顯示。（2）設置完完成后，單擊按按鈕鈕即可應應用樣式式，再單單擊按按鈕鈕關閉對對話框。圖8-16圖8-17在“CSS樣式定義義”對話話框的“定位”類別中中可以定定義層的的默認標標簽列，并將標標簽或所所選文本本塊更改改為新層層。設置CSS樣式定位位格式在“CSS樣式定義義”對話話框的“擴展”格式中中可以設設置分頁頁和視覺覺效果選選項。設設置的具具體操作作如下。（1）在“

20、分分類”列列表中選選擇“擴擴展”選選項，對對話框右右側(cè)顯示示出“擴擴展”選選項的參參數(shù)設置置，如圖8-20所示。其其中各參參數(shù)含義義如下。分頁：在在該欄中中可以設設置在打打印頁面面時強制制分頁的的位置。在“之之前”和和“之后后”下拉拉列表框框中，可可以分別別設置分分頁前和和分頁后后位置。設置CSS樣式擴展展格式視覺效果果：在該該欄中可可以設置置樣式的的可視效效果，在在“光標標”下拉拉列表框框中可選選擇當鼠鼠標光標標位于樣樣式所控控制對象象上時光光標的圖圖像；在在“過濾濾器”下下拉列表表框中可可以選擇擇樣式所所控制對對象的特特殊效果果；也就就是通常常講的CSS濾鏡效果果，如圖8-21所示。定定位

21、：在在該欄中中可以將將層定位位，層在在固定的的位置顯顯示。（2）設置完完成后，單擊按按鈕鈕即可應應用樣式式，再單單擊按按鈕鈕關閉對對話框。圖8-20圖8-21管理CSS樣式可以對CSS樣式進行行刪除、復制、重命名名、鏈接接等操作作。編輯CSS樣式刪除CSS樣式復制CSS樣式CSS樣式表重重命名鏈接外部部CSS樣式表編輯CSS樣式創(chuàng)建了CSS樣式后，還可以以對已有有的樣式式進行編編輯，修修改樣式式中的某某些參數(shù)數(shù)。下面面對已創(chuàng)創(chuàng)建樣式式進行編編輯，具具體操作作如下。（1）在“CSS樣式”面面板中，單擊面面板底部部的按按鈕，打開如如圖8-22所示的“”對話框。（2）在列表表中選中中要編輯輯的樣式式

22、，單擊擊按按鈕打打開“CSS樣式定義義”對話話框，然然后按創(chuàng)創(chuàng)建新樣樣式的方方法修改改需要的的參數(shù)，修改完完成后單單擊按按鈕返返回“編編輯樣式式表”對對話框。（3）單擊按按鈕鈕完成樣樣式的編編輯。圖8-22也可在CSS樣式面板板中直接接選取要要編輯的的樣式，再單擊擊面板底底部按按鈕，直接打打開“CSS樣式定義義”對話話框進行行編輯。刪除CSS樣式要刪除列列表中的的某些樣樣式，具具體操作作如下。（1）打開“”對話框。在樣式式列表中中選中要要刪除的的樣式，如圖8-23所示。（2）單擊對對話框中中的按按鈕即即可將選選中的樣樣式刪除除，刪除除后如圖8-24所示。圖8-23圖8-24復制CSS樣式如果要

23、以以一個已已經(jīng)創(chuàng)建建的CSS樣式為基基礎，創(chuàng)創(chuàng)建另一一個CSS樣式，此此時可復復制CSS樣式后再再定義復復制的樣樣式。復復制CSS樣式的具具體操作作如下。（1）打開“”對話框，在樣式式列表框框中選中中要復制制的樣式式，單擊擊按鈕打開開“重制制CSS樣式”對對話框，如圖7-25所示。（2）在“名名稱”下下拉列表表框中設設置復制制樣式的的名稱，并根據(jù)據(jù)需要在在“選擇擇器類型型”欄和和“定義義在”欄欄中重新新選擇樣樣式的類類型。（3）根據(jù)“定義在在”欄中中選中的的單選項項不同，會有不不同的操操作，與與創(chuàng)建新新樣式一一樣，這這里不再再贅述，復制后后如圖8-26所示。圖8-25圖8-26CSS樣式表重重

24、命名為一個CSS樣式重新新命名，具體操操作如下下。（1）打開“”對話框，在“樣樣式”列列表框中中選中要要重命名名的樣式式，單擊擊按鈕打開開“重命命名類”對話框框，如圖8-27所示。（2）在“新新建名稱稱”文本本框中輸輸入新的的樣式名名稱。（3）輸入完完后單擊擊按按鈕即即可。圖8-27圖8-28鏈接外部部CSS樣式表通過鏈接接可將其其他頁面面中的樣樣式應用用到當前前頁面中中，創(chuàng)建建鏈接外外部樣式式表的具具體操作作如下。（1）在“CSS樣式”面面板中，單擊按按鈕鈕，或在在打開的的“”對話框中中單擊按鈕打開開“鏈接接外部樣樣式表”對話框框，如圖8-28所示。（2）在“文文件/URL”下拉列表表框中指

25、指定外部部樣式表表的路徑徑，或單單擊按按鈕打打開“選選擇樣式式表文件件”對話話框，如如圖8-29所示。（3）選擇了了要鏈接接的樣式式表文件件后，單單擊按按鈕返返回“鏈鏈接外部部樣式表表”對話話框，如如圖8-30所示。（4）單擊按按鈕鈕關閉對對話框，則創(chuàng)建建的外部部鏈接樣樣式表顯顯示在“CSS樣式”面面板中，如圖8-31所示。圖8-31圖8-29圖8-30CSS濾鏡效果果應用CSS濾鏡作為為CSS的一個新新的擴展展，能把把可視化化的濾鏡鏡和轉(zhuǎn)換換效果添添加到一一個標準準的HTML元素上，使應用用樣式的的對象產(chǎn)產(chǎn)生模糊糊、反轉(zhuǎn)轉(zhuǎn)、發(fā)光光等效果果。在Dreamweaver中，可直直接在對對話框中中添

26、加濾濾鏡的參參數(shù)，而而不用編編寫復雜雜的代碼碼。CSS濾鏡效果果應用的的具體操操作如下下。（1）創(chuàng)建一一個新的的CSS樣式。（2）在“分分類”列列表中選選擇“擴擴展”選選項，對對話框右右側(cè)顯示示出“擴擴展”選選項的參參數(shù)設置置。（3）在“視視覺效果果”欄中中的“過過濾器”下拉列列表框中中選擇樣樣式所控控制對象象的特殊殊效果。也就是是通常講講的CSS濾鏡效果果。如圖8-35所示。各各個過濾濾器參數(shù)數(shù)的含義義如下。Alpha：該過濾器器把對象象與背景景混合，通俗地地講就是是對象的的透明度度?？梢砸酝ㄟ^各各個參數(shù)數(shù)的設置置來控制制透明的的程度。各參數(shù)數(shù)的含義義如表8-1所示。圖8-35表8-1Ble

27、ndTrans：該過濾器器是一種種動態(tài)過過濾器，用于處處理對象象之間淡淡入談出出效果。該過濾濾器不用用直接套套用，必必須由Scripts程序?qū)ζ淦淇刂?，其參?shù)數(shù)的含義義如表8-2所示。表8-2Blur：該屬性將將使對象象產(chǎn)生模模糊效果果，可以以通過各各個參數(shù)數(shù)的設置置來控制制模糊的的方向和和模糊的的程度。各參數(shù)數(shù)的含義義如表8-3所示。表8-3Chroma：該過濾器器可以設設置對象象中指定定顏色為為透明色色，其參參數(shù)的含含義如表表8-4所示。表8-4DropShadow：該過濾器器用于使使對象產(chǎn)產(chǎn)生陰影影?？梢砸酝ㄟ^各各個參數(shù)數(shù)的設置置來控制制陰影的的顏色、透明度度等。各各參數(shù)的的含義如如表8

28、-5所示。表8-5FlipH：該過濾器器用于對對象的水水平翻轉(zhuǎn)轉(zhuǎn)效果，沒有參參數(shù)，直直接使用用即可。FlipV：該過濾器器用于對對象的垂垂直翻轉(zhuǎn)轉(zhuǎn)效果，沒有參參數(shù)，直直接使用用即可。Glow：該過濾器器用于設設置對象象邊緣的的發(fā)光效效果?？煽梢酝ㄟ^過各個參參數(shù)的設設置來控控制發(fā)光光的顏色色和強弱弱等級。各參數(shù)數(shù)的含義義如表8-6所示。表8-6Gray：該過濾器器用于將將圖片對對象變?yōu)闉榛叶葓D圖，沒有有參數(shù)，直接使使用即可可。Invert：該過濾器器可以把把對象的的可視化化屬性全全部翻轉(zhuǎn)轉(zhuǎn)，其中中包括顏顏色、飽飽和度和和亮度值值，這就就是俗稱稱的底片片或者負負片效果果，同樣樣沒有參參數(shù)，直直接使用用即可。Light：該過濾器器使對象象產(chǎn)生一一種模擬擬的投射射效果。該過濾濾器也是是一種動動態(tài)過濾濾器，它它提供了了類似于于函數(shù)功功能的方方法，可可以通過過調(diào)用的的方法來來設置或或改變其其參數(shù)。Mask：該過濾器器按照指指定顏色色為對象象產(chǎn)生類類似蒙版版的效果果，通俗俗地講就就像隔著著一層有有色玻璃璃來看這這個對象象，一般般適用于于圖片對對象。其其參數(shù)的的含義如如表8-7所示。RevealTrans：該過濾器器也是一一種動態(tài)態(tài)過濾器器，處理理對象之之間的淡淡入或淡淡出效果果外，還還提供了了更多的的圖片