- 相關(guān)推薦
職稱計(jì)算機(jī)Dreamwaver教程：CSS樣式表濾鏡
導(dǎo)語(yǔ)：CSS是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于(增強(qiáng))控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。
CSS樣式表濾鏡實(shí)例
制作模糊文字效果
1、新建05.html的文件插入一個(gè)1行1列的表格，邊框和邊距全部設(shè)置為0。然后在表格中輸入要修飾的文字。
2、打開CSS樣式面板，創(chuàng)建一個(gè)CSS樣式，在彈出的“新建樣式對(duì)話框”做如下設(shè)置。
3、設(shè)置完成后，單擊“確定”按鈕彈出“CSS樣式定義”對(duì)話框，在類型設(shè)置區(qū)域中設(shè)置：大�。�60，字體：黑體，粗細(xì)：粗，顏色：#FF9900。
4、要產(chǎn)生文字特效，最重要的是在擴(kuò)展設(shè)置區(qū)域中進(jìn)行特殊設(shè)置。
Blur濾鏡產(chǎn)生像被風(fēng)吹一樣的模糊效果。打開濾鏡選項(xiàng)的下拉菜單，對(duì)Blur濾鏡進(jìn)行設(shè)置：
Blur(Add=?, Direction=?, Strength=?)
Add參數(shù)是一個(gè)布爾值，一般來(lái)說(shuō)，當(dāng)濾鏡用于圖片時(shí)取0，用于文字時(shí)取1。
“Direction=?”模糊方向，以45度為單位改變，“0”為垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改變。這里我們?cè)O(shè)置Direction=90。
Strength代表模糊移動(dòng)值，單位為像素。我們?cè)O(shè)置Strength=180。
設(shè)置完成后，點(diǎn)擊“確定”。
5、在文檔編輯區(qū)選中文字所在單元格，在屬性面板設(shè)置文字的樣式為.test。
保存文件，按F12預(yù)覽效果。
在只有HTML的時(shí)代，只能實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)頁(yè)效果。有了CSS樣式，網(wǎng)頁(yè)排版發(fā)生了翻天覆地的變化，在Dreamweaver8里，使用CSS樣式是如此的簡(jiǎn)單，而制作出來(lái)的效果可以如此的炫目。
【職稱計(jì)算機(jī)Dreamwaver教程：CSS樣式表濾鏡】相關(guān)文章：
樣式表CSS簡(jiǎn)明教程05-14
職稱計(jì)算機(jī)Dreamwaver使用教程：插入圖像10-05
職稱計(jì)算機(jī)Dreamwaver教程：認(rèn)識(shí)表單對(duì)象09-07
職稱計(jì)算機(jī)Dreamwaver教程：文本的插入與編輯11-05
職稱計(jì)算機(jī)Dreamwaver使用教程：文本的插入與編輯08-20
職稱計(jì)算機(jī)Dreamwaver教程：頁(yè)面的總體設(shè)置10-05
2017職稱計(jì)算機(jī)考試Dreamwaver教程：使用庫(kù)09-26