資源描述:
《dreamweaver之css擴(kuò)展屬性》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、Dreamweaver之CSS擴(kuò)展屬性 “擴(kuò)展”樣式屬性包括過(guò)濾器、分頁(yè)和光標(biāo)選項(xiàng),它們中的大部分效果僅受InternetExplorer4.0和更高版本的支持?! ≈付〝U(kuò)展屬性:在“CSS樣式定義”對(duì)話框中,選擇“擴(kuò)展”(如下圖),然后設(shè)置所需的樣式屬性?! 》猪?yè):在打印期間在樣式所控制的對(duì)象之前或者之后強(qiáng)行分頁(yè)。選擇要在彈出式菜單中設(shè)置的選項(xiàng)。此選項(xiàng)不受任何4.0版本瀏覽器的支持,但可能受未來(lái)的瀏覽器的支持。 光標(biāo):位于“視覺(jué)效果”下的“光標(biāo)”選項(xiàng),是光標(biāo)顯示屬性設(shè)置。當(dāng)指針位于樣式所控制的對(duì)象上時(shí)改變指針圖像。選擇彈出式菜單(下圖)進(jìn)行設(shè)置。它的詳
2、細(xì)列表和相關(guān)說(shuō)明。 過(guò)濾器:又稱CSS濾鏡,對(duì)樣式所控制的對(duì)象應(yīng)用特殊效果。它把我們帶入絢麗多姿的世界。正是有了濾鏡屬性,頁(yè)面才變得更加漂亮。DWMX2004擴(kuò)展類過(guò)濾器嵌入16項(xiàng)樣式屬性(如下圖),您可以根據(jù)您的需要從“過(guò)濾器”彈出式菜單中選擇并加以設(shè)置?! ∠聢D列出16項(xiàng)濾鏡及說(shuō)明,現(xiàn)在再進(jìn)一步介紹一下: Alpha濾鏡:這個(gè)名字,在Flash和Photoshop經(jīng)常見(jiàn)到。它們的作用基本類似,就是把一個(gè)目標(biāo)元素與背景混合。你可以指定數(shù)值來(lái)控制混合的程度。這種“與背景混合”通俗地說(shuō)就是一個(gè)元素的透明度?! lendTrans濾鏡:它的功能也比較單一,
3、就是產(chǎn)生一種精細(xì)的淡入淡出的效果?! lur濾鏡:把它加載到文字上,產(chǎn)生風(fēng)吹模糊的效果,類似立體字,這將為你在網(wǎng)頁(yè)上制作立體字標(biāo)題帶來(lái)了方便。也可以把Blur濾鏡加載到圖片上,能達(dá)到用圖象處理軟件制作的效果?! ropShadow顧名思義就是添加對(duì)象的陰影效果。它的實(shí)際效果看上去就象是原來(lái)的對(duì)象離開(kāi)了頁(yè)面,然后在頁(yè)面上顯示出該對(duì)象的投影?! SS的無(wú)參數(shù)濾鏡共有六個(gè)(FlipH、FlipV、Invert、Xray、Gray和Light),雖然它們沒(méi)有參數(shù),相對(duì)來(lái)講,靈活性要差點(diǎn),但它們用起來(lái)更方便,效果也相當(dāng)明顯。用它們可以使文字或圖片翻轉(zhuǎn)、獲得圖片的
4、“底片”效果,甚至可以制作圖片的“X光片”效果。 Glow濾鏡:使對(duì)象的邊緣就產(chǎn)生類似發(fā)光的效果,glow”濾鏡制作這種效果操作非常簡(jiǎn)便。 Mask濾鏡:可以為網(wǎng)頁(yè)上的元件對(duì)象作出一個(gè)矩形遮罩效果。 Wave濾鏡:它的作用是把對(duì)象按照垂直的波形樣式扭曲的特殊效果?! ight濾鏡:能產(chǎn)生一個(gè)模擬光源的效果,配合使用一些簡(jiǎn)單的Javascrpt,使對(duì)象產(chǎn)生奇特光照的效果?! evealTrans動(dòng)態(tài)濾鏡:是一個(gè)神奇的濾鏡,它能產(chǎn)生23種動(dòng)態(tài)效果,還能在23種動(dòng)態(tài)效果中隨機(jī)抽用其中的一種。用它來(lái)進(jìn)行網(wǎng)頁(yè)之間的動(dòng)態(tài)切換,非常方DW濾鏡樣式的語(yǔ)法規(guī)則程序代
5、碼style="filter:濾鏡名(屬性1=值1,屬性2=值2......)"其中,“濾鏡名”就是你在DW樣式設(shè)置模塊的濾鏡下拉列表中看到的名稱,屬性值只需填入數(shù)字即可。下面是DW所提供的主要幾個(gè)濾鏡的功能說(shuō)明:下面是主要濾鏡資料包括功能、語(yǔ)法、屬性意義、簡(jiǎn)單例子及應(yīng)用說(shuō)明:1.濾鏡:alpha設(shè)置透明層次語(yǔ)法:STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,Fini
6、shY=finishY)"說(shuō)明:Opacity:透明度級(jí)別,范圍是0-100,0代表完全透明,100代表完全不透明。FinishOpacity:設(shè)置漸變的透明效果時(shí),用來(lái)指定結(jié)束時(shí)的透明度,范圍也是0到100。Style:設(shè)置漸變透明的樣式,值為0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長(zhǎng)方形。StartX和StartY:代表漸變透明效果的開(kāi)始X和Y坐標(biāo)。FinishX和FinishY:代表漸變透明效果結(jié)束X和Y的坐標(biāo)。例子:filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")2.濾鏡:blur創(chuàng)
7、建高速度移動(dòng)效果,即模糊效果語(yǔ)法:STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"說(shuō)明:Add:是否單方向模糊,此參數(shù)是一個(gè)布爾值,true(非0)或false(0)。一般為1,或0。Direction:設(shè)置模糊的方向,其中0度代表垂直向上,然后每45度為一個(gè)單位,0-315度,步長(zhǎng)為45度。Strength:代表模糊的象素值,Strength:效果增長(zhǎng)的數(shù)值,一般5即可.例子:filter:Blur(Add="1",Direction="45",Strength="5")3
8、.濾鏡:Chroma制作專用顏色透明語(yǔ)法:STYLE