html網(wǎng)頁(yè)布局模板

.1 html筆記一、HTML的概述（了解）a.html是什么 ： hypertext markup language 超文本標(biāo)記語(yǔ)言 超文本：音頻，視頻，圖片稱為超文本。. 標(biāo)記 ：稱為標(biāo)記. 一個(gè)HTML頁(yè)面都是由各種標(biāo)記組成。 b.作用：編寫(xiě)HTML頁(yè)面。c.HTML語(yǔ)言不是一個(gè)編程語(yǔ)言(有編譯過(guò)程)，而是一個(gè)標(biāo)記語(yǔ)言(沒(méi)有編譯過(guò)程). HTML頁(yè)面直接由瀏覽器解析執(zhí)行。 二、HTML的歷史（了解）三、HTML的網(wǎng)絡(luò)術(shù)語(yǔ)（明白） * 網(wǎng)頁(yè) ：由各種標(biāo)記組成的一個(gè)頁(yè)面就叫網(wǎng)頁(yè) . * 主頁(yè)(首頁(yè)) : 一個(gè)網(wǎng)站的起始頁(yè)面或者導(dǎo)航頁(yè)面 . * 標(biāo)記:稱為開(kāi)始標(biāo)記 稱為結(jié)束標(biāo)記. 也叫標(biāo)簽.每個(gè)標(biāo)簽都規(guī)定好了特殊的含義。 * 元素：內(nèi)容 稱為元素. * 屬性： 給每一個(gè)標(biāo)簽所做的輔助信息。 * xhtml： 符合XML語(yǔ)法標(biāo)準(zhǔn)的HTML。 * dhtml：dynamic,動(dòng)態(tài)的。javascript + css + html 合起來(lái)的頁(yè)面就是一個(gè)dhtml * http：協(xié)議標(biāo)準(zhǔn)。用來(lái)規(guī)定客戶端瀏覽器和服務(wù)端交互時(shí)數(shù)據(jù)的一個(gè)格式。SMTP 郵件傳輸協(xié)議,ftp:文件傳輸協(xié)議.四、HTML的編輯工具（了解）*.notepad 記事本*.editplus : 語(yǔ)法高亮顯示技巧： 根據(jù)顏色判斷單詞是否出錯(cuò)。 （不是100%）*.ultraedit : 根據(jù)顏色判斷單詞是否出錯(cuò),可以顯示2進(jìn)制數(shù)據(jù).*.dw(dreamweaver,專業(yè)工具) 代碼提示.五、HTML的規(guī)范(知道) *.HTML是一個(gè)弱勢(shì)語(yǔ)言*.html 不區(qū)分大小寫(xiě)*.html頁(yè)面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過(guò)3個(gè)字符，比如dos系統(tǒng))*.html 的結(jié)構(gòu)1)聲明部分。主要作用是用來(lái)告訴瀏覽器這個(gè)頁(yè)面使用的是那個(gè)標(biāo)準(zhǔn)。是HTML5標(biāo)準(zhǔn)。2)head部分： 不會(huì)顯示在頁(yè)面上。作用是告訴瀏覽器一些頁(yè)面的額外信息。3)body部分：我們縮寫(xiě)的代碼必須放在此標(biāo)簽內(nèi)。六、HTML的各種標(biāo)簽(掌握) 明確：每個(gè)標(biāo)簽都有私有屬性。也都有公有屬性。 html中表示長(zhǎng)度的單位都是像素。HTML只有一種單位就是像素。 body: bgcolor: 背景顏色background:背景圖片text: 文本顏色1.排版標(biāo)簽 所有的瀏覽器默認(rèn)情況下都會(huì)忽略空格和空行P：p代表一個(gè)段落屬性： align:對(duì)齊方式. 取值：left,right,center代表是換行。hr:color: 線的顏色size : 線的粗細(xì)width: 線的長(zhǎng)短 兩種寫(xiě)法： 1) 絕對(duì)值 eg: 500 2) 相對(duì)值： 50%noshade: 不要陰影align: 對(duì)齊方式 取值： left,right,centercenter: 內(nèi)容居中pre: 預(yù)定義格式標(biāo)簽 .告訴瀏覽器不要忽略空格和空行div: 塊級(jí)標(biāo)簽 必須單獨(dú)占據(jù)一行 屬性： align :span: 塊級(jí)標(biāo)簽 不換行字體標(biāo)記 2 字體標(biāo)簽h1.h6:定義字體大小屬性： align :居中font:color:字體顏色顏色的寫(xiě)法有3種： 1)英文單詞: red 2)十六進(jìn)制：#00ffcc 3)RGB(三原色) : new RGB(124,156,23)size:字體大小face：字體類型特殊字符： <小于 >大于 & &符號(hào) " 雙引號(hào)'單引號(hào) © 版權(quán) ™商標(biāo)  空格 擴(kuò)展： b: 加粗strong: 加粗i:斜體em: 斜體u: 下劃線s: 中劃線(刪除線)sup: 上標(biāo)sub: 下標(biāo). 3.圖像標(biāo)記img: 代表是一副圖片 屬性： src : 圖片的路徑 兩種寫(xiě)法：a) : 相對(duì)路徑 路徑是相對(duì)頁(yè)面所在的路徑 兩個(gè)標(biāo)記.和. ,分表代表當(dāng)前目錄和父路徑 b) ：絕對(duì)路徑 1) : 以盤(pán)符開(kāi)始的路徑 eg: C:Documents and SettingsAdministrator桌面day01_html上課示例/images/1.jpg2) : 網(wǎng)絡(luò)路徑eg: /images width: 寬度 height：高度 Alt：當(dāng)圖片顯示不出來(lái)的時(shí)候代替圖片顯示的內(nèi)容 title： 提示性文本 border: 邊框熱點(diǎn)： 就是特定的位置添加超鏈。 4.清單標(biāo)記列表標(biāo)簽：3種a.無(wú)序列表ul屬性：type : 值： disc(默認(rèn)，實(shí)心原點(diǎn)),square(實(shí)心方點(diǎn)),circle(空心圓)b.有序列表(OL)屬性: type:取值：1(阿拉伯?dāng)?shù)字，默認(rèn)),a,A,i,I start: 從幾開(kāi)始c.定義列表(dl) dt: 列表項(xiàng)的標(biāo)題 dd: 列表項(xiàng)5.超鏈接3種超鏈接:1. 連接到其他頁(yè)面2. 錨: 指給超鏈接起一個(gè)名字，作用是連接到本頁(yè)面或者其他頁(yè)面的特定位置。使用name屬性給超鏈起名字3. 連接到郵件: 進(jìn)入我的郵箱屬性：target: 告訴瀏覽器怎么顯示目標(biāo)頁(yè)面 HTML中已定義4個(gè)值： _self :在同一個(gè)瀏覽器中顯示 _blank: 打開(kāi)新的瀏覽器顯示 _parent: 在父窗口中顯示 _top: 在頂級(jí)窗口中顯示6.表格標(biāo)記 table: 表格 屬性：border:邊框width:寬度height：高度align:表格的對(duì)齊方式cellpadding:單元格內(nèi)容到邊的距離cellspacing:單元格和單元格之間的距離bgcolor:背景顏色background:背景圖片bordercolorlight:表格的上，左邊框，以及單元格的右，下邊框的顏色bordercolordark: 表格的右，下邊框，以及單元格上，左的邊框的顏色dir:單元格內(nèi)容的排列方式 取值：ltr 從左到右， rtl:從右到左tr: 行 屬性：dir:bgcolor:td: 單元格 屬性： align: 內(nèi)容的橫向?qū)R方式 valign: 內(nèi)容的縱向?qū)R方式 top,middle,bottom width: 絕對(duì)值或者相對(duì)值(%) height:單元格的高度單元格的合并： 單元格的屬性： colspan: 橫向合并 rowspan: 縱向合并 th: 相當(dāng)于 + 屬性同caption: 表格的標(biāo)題 屬性：align: 取值：left,center,right,top,bottomtheadtbodytfoot 寫(xiě)與不寫(xiě)的區(qū)別： 1. 當(dāng)表格非常大的時(shí)候，如果不寫(xiě)，則必須等表格的內(nèi)容全部下載完成才能顯示。但是用tbody標(biāo)簽的話，那么邊下載邊顯示。2.如果不寫(xiě)thead,tbody,tfoot那么瀏覽器解析表格內(nèi)容的時(shí)候是從上到下解析。如果寫(xiě)了，那么順序任意，瀏覽器解析的時(shí)候還是按照thead,tbody,tfoot的順序顯示內(nèi)容7.框架標(biāo)記及 框架頁(yè)面上不允許有body標(biāo)簽frameset: 框架的集合rows: 縱向分部框架. cols: 橫向分部框架. 寫(xiě)法有兩種: 1) 絕對(duì)值 200,* ,*代表剩余的 2) 相對(duì)值 30%,*frame: 框架. 一個(gè)框架顯示一個(gè)頁(yè)面scrolling: 是否需要滾動(dòng)條。默認(rèn)是truenoresize : 固定框架大小bordercolor: 給框架邊框起一個(gè)顏色name : 給框架起一個(gè)名字內(nèi)嵌框架： 嵌入在一個(gè)頁(yè)面上的框架.(僅僅IE支持)iframe:屬性： width: 寬度 height： 高度 scrolling : 是否需要滾動(dòng)條8.表單標(biāo)記及語(yǔ)義化9.多媒體標(biāo)記bgsound: 背景音樂(lè) embed: 播放多媒體文件.marquee: 移動(dòng)屬性：direction 移動(dòng)目標(biāo)方向 left,right ,up,down ,up，down移動(dòng)距離是固定的200px behavior: 行為方式 取值：slide,alternate,scroll scrollamount : 移動(dòng)速度 loop: 循環(huán)多少圈。負(fù)值表示無(wú)限循環(huán) scrolldelay: 移動(dòng)一次休息多長(zhǎng)時(shí)間。單位是毫秒10.頭標(biāo)記css筆記一、CSS 概述(了解)*.CSS ： Cascading Style Sheet 層疊樣式表*.CSS 作用就是給HTML頁(yè)面標(biāo)簽添加各種樣式*.為什么用CSSHTML的缺陷： 1. 不能夠適應(yīng)多種設(shè)備 2. 要求瀏覽器必須智能化足夠龐大 3. 數(shù)據(jù)和顯示沒(méi)有分開(kāi) 4. 功能不夠強(qiáng)大 CSS 優(yōu)點(diǎn)：1.使數(shù)據(jù)和顯示分開(kāi)2.降低網(wǎng)絡(luò)流量3.使整個(gè)網(wǎng)站視覺(jué)效果一致4.使開(kāi)發(fā)效率提高了二、CSS語(yǔ)法pcolor：red; 選擇器屬性名：屬性值 ; 選擇器后一定是大括號(hào).屬性名后必須用冒號(hào)隔開(kāi).屬性值后用分號(hào) 屬性名和冒號(hào)之間最好不要有空格。三、CSS和HTML的結(jié)合方式CSS代碼理論上位置是任意的，但通常寫(xiě)在style標(biāo)簽里CSS和HTML的結(jié)合方式有3種：a. 行級(jí)樣式表:采用style屬性,范圍只針對(duì)此標(biāo)簽適用大家好b. 內(nèi)嵌樣式表:采用標(biāo)簽完成。范圍針對(duì)此頁(yè)面c. 外部樣式表: 采用建立樣式表文件。針對(duì)多個(gè)頁(yè)面.引入樣式表文件的方式:1):采用標(biāo)簽eg:2):采用import，必須寫(xiě)在標(biāo)簽中，并且必須是第一句eg: import url(a.css) ;兩種引入方式的區(qū)別：外部樣式表中不能寫(xiě)標(biāo)簽,但是可以寫(xiě)import語(yǔ)句四、CSS選擇器選擇器分為兩大類:1.基本選擇器 a.標(biāo)簽選擇器:指的就是選擇器的名字代表html頁(yè)面上的標(biāo)簽pcolor:red ;border:1px dashed green;b.類選擇器：規(guī)定用圓點(diǎn).來(lái)定義優(yōu)點(diǎn)：靈活eg: .onebackground-color:#ff0099; c. ID選擇器：規(guī)定用#來(lái)定義eg: #onecursor:hand; 區(qū)別：標(biāo)簽選擇器針對(duì)的是頁(yè)面上的一類標(biāo)簽.類選擇器可以供多種標(biāo)簽使用.ID選擇器是值供特定的標(biāo)簽(一個(gè)). ID是此標(biāo)簽在此頁(yè)面上的唯一標(biāo)識(shí)。d:通用選擇器： 用*定義,代表頁(yè)面上的所有標(biāo)簽。*font-size:30px;margin-left:0px;margin-top:0px;2.擴(kuò)展選擇器 a. 組合選擇器:采用逗號(hào)隔開(kāi)eg: p,h1,h2,.one,#twocolor:red ; b. 關(guān)聯(lián)選擇器(后代選擇器): 采用空格隔開(kāi)eg: h4 span icolor:red ; 表示h4標(biāo)簽中的span標(biāo)簽中的i標(biāo)簽的樣式h4和span和i標(biāo)簽不一定是緊挨著的。 c. 偽類選擇器 1) :靜態(tài)偽類：規(guī)定是用:來(lái)定義.只有兩個(gè).只能用于超鏈接. :link表示超鏈接點(diǎn)擊之前的顏色 :visited表示鏈接點(diǎn)擊之后的顏色 eg:a:linkcolor:red ; a:visitedcolor:yellow;注意： a:link定義的樣式針對(duì)所有的寫(xiě)了href屬性的超鏈接(不包括錨) a定義的樣式針對(duì)所有的超鏈接(包括錨) 2) :動(dòng)態(tài)偽類 : 針對(duì)所有的標(biāo)簽都適用:hover : 是移動(dòng)到某個(gè)標(biāo)簽上的時(shí)候:focus : 是某個(gè)標(biāo)簽獲得焦點(diǎn)的時(shí)候:active : 點(diǎn)擊某個(gè)標(biāo)簽沒(méi)有放松鼠標(biāo)時(shí)eg: label:hovercolor:#00ff00; input:focusbackground-color:#ff9999;border:1px solid red;a:activecolor:blue;五、CSS各種選擇器的沖突(掌握)CSS樣式的沖突:1.ID選擇器 類選擇器 標(biāo)簽選擇器2.行級(jí)樣式表 內(nèi)嵌樣式表 外部樣式表外部樣式表的ID選擇器 內(nèi)嵌樣式表的標(biāo)簽選擇器原則： 就近原則六、CSS的各種屬性(掌握)? CSS中尺度單位的介紹 CSS的單位:a. 絕對(duì)單位 1in=2.54cm=25.4mm=72pt=6pc , pt是點(diǎn)或者磅，pc是派卡b. 相對(duì)單位：px, em(印刷單位相當(dāng)于12個(gè)點(diǎn)), %(相對(duì)周圍的文字)*字體設(shè)置 pfont-size:50px; /*字體大小*/font-style:italic ; /*斜體*/font-weight:bold; /*粗體*/font-family:幼圓; /*字體類型*/font-variant:small-caps; /*小寫(xiě)變大寫(xiě)*/*文本設(shè)置 pletter-spacing:0.5cm ; /*字母間距*/word-spacing:1cm; /*單詞間距*/text-align:center; /*在所包含容器的中間*/text-decoration:overline; /*字體修飾 underline下劃線 line-through中劃線 overline上劃線*/text-transform:lowercase; /*單詞字體大小寫(xiě)*/color:red ;*背景設(shè)置bodybackground-color:#ff99ff ; /*背景顏色*/background-image:url(images/2.gif) ; /*背景圖片*/background-repeat: no-repeat; /*no-repeat不要平鋪，repeat-x,橫向平鋪，repeat-y 縱向平鋪*/background-position:center right; /*背景位置*/background-attachment: scroll ; /*背景的移動(dòng) ,fixed跟著滾動(dòng)條一起移動(dòng)，scroll 不動(dòng)*/*列表設(shè)置ul lilist-style:none; /*列表前樣式*/list-style-image:url(images/2.gif) ; /*列表項(xiàng)前圖片*/margin-left:80px; *盒子模型(border margin padding) padding:是內(nèi)容到邊的距離 border: 是邊的粗細(xì) margin:是控件到控件的距離 *定位設(shè)置(position,float,clear,z-index)#dposition: absolute; /* 1.絕對(duì)定位: 定義橫縱坐標(biāo) .脫離了本身的順序流 2.相對(duì)定位: 相對(duì)的是自己在順序流中原來(lái)的位置 */left:100px; /*橫坐標(biāo)*/top:100px; /*縱坐標(biāo)*/border:1px solid red ; width:100px;height:100px;background-color:#ff66ff; #d1position: relative; /*相對(duì)位置*/left:100px;top:100px;border:1px solid green ;width:100px;height:100px;background-color:#339900; spanposition: relative;left:20px;top:20px; z-index:值任意，值越大離我們?cè)浇?float : 浮動(dòng) overflow: 超出范圍怎么辦鼠標(biāo)樣式設(shè)置(cursor)七、濾鏡(了解)css濾鏡的兼容性、實(shí)現(xiàn)濾鏡效果只是IE內(nèi)核才支持。不過(guò)咱們平時(shí)還是可以用用透明濾鏡的。之前看到美工組組長(zhǎng)的期末網(wǎng)站作品，一直很好奇那些透明效果是怎么做出來(lái)的，現(xiàn)在算是有點(diǎn)頭緒了。為什么火狐谷歌chrome等瀏覽器不支持一些css濾鏡在IE下使用的濾鏡，可以實(shí)現(xiàn)很多不錯(cuò)的特效，但是在chrome和火狐opera等瀏覽器里這些就全都失效了，這是為什么呢？找了一下原來(lái)是因?yàn)闉V鏡只是屬于IE瀏覽器開(kāi)發(fā)下的功能，不支持IE內(nèi)核的瀏覽器也就都不支持這些濾鏡。 不過(guò)一般都支持透明濾鏡，只是寫(xiě)法不一樣，如下：要設(shè)置一下透明度為60%的DIV就應(yīng)該這樣寫(xiě)了：（加到CSS里面就好）div.transp /* make the div translucent */ opacity: 0.6; /* Firefox, Safari(WebKit), Opera,chrome/ filter: alpha(opacity=60); /* IE 8 */ filter: alpha(opacity=60); /* IE 4-7 */ zoom: 1; /* needed in IE up to version 7, or set width or height to trigger hasLayout */ filter: alpha(opacity=60); /* IE 8 */ 為IE下寫(xiě)法，opacity: 0.6; 為火狐等瀏覽器下寫(xiě)法，所以要都支持這個(gè)濾鏡，就得兩個(gè)都寫(xiě)上（搞的這麻煩，看得出W3C標(biāo)準(zhǔn)規(guī)范化可以實(shí)現(xiàn)的好處了）CSS 濾鏡詳解(大多數(shù)只支持IE)CSS樣式表是一種為超文本標(biāo)簽語(yǔ)言提供增強(qiáng)補(bǔ)充服務(wù)的技術(shù)，可對(duì)每一個(gè)html的標(biāo)簽做精雕細(xì)刻的修飾。只用html制作的網(wǎng)頁(yè)，對(duì)頁(yè)面內(nèi)各部分的修飾能力有限且語(yǔ)句煩鎖，樣式表正是彌補(bǔ)這一缺陷的有力技術(shù)，它語(yǔ)句文法簡(jiǎn)單，只要在源碼中插入style語(yǔ)句就可輕易實(shí)現(xiàn)頁(yè)面內(nèi)任意文本顏色、背景、邊框、行距、字距的添刪和修飾等功能，使網(wǎng)頁(yè)更加生動(dòng)活潑，從而獲得滿意的效果。當(dāng)然，樣式表的強(qiáng)大還依靠的就是它的濾鏡功能。因?yàn)橛辛藶V鏡，大家就可以輕易地創(chuàng)造出“專業(yè)”的藝術(shù)效果。為了能幫助大家高效使用好樣式表濾鏡，筆者將對(duì)樣式表濾鏡各方面的內(nèi)容進(jìn)行詳細(xì)介紹。一、什么是樣式表濾鏡 說(shuō)到濾鏡，其實(shí)它并不是對(duì)圖像進(jìn)行了什么處理，而是在瀏覽器中對(duì)使用了該屬性的對(duì)象進(jìn)行一定的修飾。樣式表濾鏡實(shí)際上是樣式表一個(gè)新的擴(kuò)展部分，使用這種技術(shù)簡(jiǎn)單的語(yǔ)法就可以把可視化的濾鏡和轉(zhuǎn)換效果添加到一個(gè)標(biāo)準(zhǔn)的html元素上，例如圖片、文本、以及其他一些對(duì)象，為頁(yè)面添加一些豐富的變化。如果大家有一些腳本語(yǔ)言的基礎(chǔ)，能夠把濾鏡效果與類似javascript的腳本代碼做一些結(jié)合，就可以擁有一個(gè)在樣式表濾鏡與腳本共同作用下建立的強(qiáng)大的動(dòng)態(tài)交互文檔工具?，F(xiàn)在能使用的濾鏡有13個(gè)之多，不過(guò)要欣賞到這些濾鏡的特效，必須要求用戶的瀏覽器必須在IE4.0/NC6.0之上，因?yàn)橹挥羞@些版本的瀏覽器才能支持樣式表濾鏡效果。 二、常用的樣式表濾鏡 隨著樣式表技術(shù)的不斷成熟，其濾鏡功能和種類也在不斷增多。如果用戶能夠熟練地混合使用它們，將可以產(chǎn)生意想不到的效果。在操作上，用戶只需要了解具體濾鏡的實(shí)際效果后，就能根據(jù)實(shí)際進(jìn)行微調(diào)了。為了使大家能有針對(duì)性地使用濾鏡，下面就把一些常用濾鏡的功能和參數(shù)詳細(xì)介紹如下： 1、濾鏡 作用：該濾鏡可以實(shí)現(xiàn)各種溶入效果，如果大家將該濾鏡與網(wǎng)頁(yè)腳本語(yǔ)言結(jié)合起來(lái)，對(duì)濾鏡的參數(shù)進(jìn)行處理的話，就能很輕易地做出淡入淡出的效果來(lái)。 語(yǔ)法：FILTER：ALPHA(opacity=opacity，finishopacity=finishopacity，style=style，startx=startx，starty=starty，finishx=finishx，finishy=finishy) 參數(shù)：Opacity參數(shù)代表圖象的起始透明度，其默認(rèn)的數(shù)值是從0到100，0代表完全透明，100代表完全不透明；FinishOpacity是一個(gè)可選參數(shù)，如果想要設(shè)置漸變的透明效果，就可以使用他們來(lái)指定結(jié)束時(shí)的透明度，作用范圍也是0到100；Style表示透明區(qū)域的形狀特征，其中“0”代表統(tǒng)一形狀，“1”代表線形?！?”代表放射狀，“3”代表矩形；startx表示漸變透明效果開(kāi)始處的X坐標(biāo)，starty代表漸變透明效果開(kāi)始處的Y坐標(biāo)，finishx代表漸變透明效果結(jié)束處的X坐標(biāo)，finishy代表漸變透明效果結(jié)束處的Y坐標(biāo)。 2、模糊濾鏡 作用：該濾鏡主要是讓圖象產(chǎn)生一種模糊效果。 語(yǔ)法：filter:blur(add=add，direction=direction，strength=strength) 參數(shù)：該濾鏡主要包括三個(gè)參數(shù)，其中add是用來(lái)指定圖象是否被改變成印象派的模糊效果，模糊效果是按順時(shí)針的方向進(jìn)行的，它的數(shù)值應(yīng)該是ture或false；direction參數(shù)是用來(lái)設(shè)置模糊的方向的，其中0度代表垂直向上，每45度為一個(gè)單位，默認(rèn)值是向左的270度；strength 參數(shù)代表有多少像素的寬度將受到模糊影響，缺省的參數(shù)值是5個(gè)像素，而且該參數(shù)值只能使用整數(shù)來(lái)指定。 3、斜影濾鏡 作用：該濾鏡主要是為對(duì)象建立輪廓的影子效果的，它可以在指定的方向建立物體的投影； 語(yǔ)法：filter:shadow(color=color,direction=direction)參數(shù)：斜影濾鏡只有兩個(gè)參數(shù)，其中color代表投影的底色，該數(shù)值是用英文字母來(lái)代替的，例如投影底色是紅色的話，就應(yīng)該設(shè)置color=red;direction參數(shù)是用來(lái)設(shè)置投影方向的，如果該數(shù)值是0的話，就代表垂直投影，此外該數(shù)值每45度為一個(gè)單位，它的默認(rèn)值是向左的270度。 4、發(fā)光濾鏡 作用：該濾鏡可以給圖象或者文字產(chǎn)生一種發(fā)光效果； 語(yǔ)法：filter:glow(color=color,strength=strength) 參數(shù)：該濾鏡的color參數(shù)與陰影濾鏡的color參數(shù)功能幾乎是一樣的，不過(guò)這里的color參數(shù)是用來(lái)設(shè)置發(fā)光顏色的;strength參數(shù)是用來(lái)指定發(fā)光強(qiáng)度的，其值為1到255之間的任何整數(shù)。 5、燈光濾鏡作用：燈光濾鏡是模擬光源來(lái)投射文字或者圖象，使圖象和文字能產(chǎn)生一定的投射效果； 語(yǔ)法：filter:light 參數(shù)：一旦為對(duì)象定義了“l(fā)ight濾鏡屬性后，大家就可以調(diào)用它的“方法(Method)來(lái)設(shè)置或者改變屬性，該濾鏡可用的方法有：AddAmbient方法是用來(lái)加入包圍光源的，AddCone方法是用來(lái)加入錐形光源的，MoveLight方法是用來(lái)移動(dòng)光源的，Changstrength方法是用來(lái)改變光源強(qiáng)度的，Changcolor方法是用來(lái)改變光的顏色的，Clear方法是用來(lái)清除所有光源的。 6、遮罩濾鏡作用：該