freepeople性欧美熟妇, 色戒完整版无删减158分钟hd, 无码精品国产vα在线观看DVD, 丰满少妇伦精品无码专区在线观看,艾栗栗与纹身男宾馆3p50分钟,国产AV片在线观看,黑人与美女高潮,18岁女RAPPERDISSSUBS,国产手机在机看影片

正文內(nèi)容

[ppt模板]cssdiv_教程(編輯修改稿)

2025-02-15 09:04 本頁(yè)面
 

【文章內(nèi)容簡(jiǎn)介】 色眼鏡看物體一樣, 一般適用于圖象對(duì)象 。 – 參數(shù): color屬性用來(lái)指定要被遮罩的顏色。 CSS的濾鏡屬性 ( filter) 的應(yīng)用46Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?( 10) Light——在 HTML元件上放置一個(gè) 光影 (沒(méi)有參數(shù))– 作用:該濾鏡能夠使 html對(duì)象產(chǎn)生一種模擬光源的投射效果。一旦為對(duì)象定義了 light濾鏡屬性,那么就可以調(diào)用它的方法來(lái)設(shè)置或者改變屬性。– light可用的方法有: ?MoveLight   移動(dòng)光源 ?Changcolor   改變光的顏色 ?AddAmbient   加入包圍的光源 ?AddPoint     加入點(diǎn)光源 ?Clear     清除所有的光源 ?AddCone     加入錐形光源 ?Changstrength 改變光源的強(qiáng)度 CSS的濾鏡屬性 ( filter) 的應(yīng)用47Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?( 11) Gray——把一個(gè)彩色的圖象變成 灰色調(diào)圖象 – 作用 :該濾鏡能夠使一張彩色的圖片轉(zhuǎn)變?yōu)榛疑{(diào)圖象,一般適用于圖象對(duì)象。 – 參數(shù) :該濾鏡沒(méi)有附帶參數(shù)。 ( 12) Invert——讓對(duì)象產(chǎn)生 照片底片的效果– 作用 :該濾鏡能夠使圖象產(chǎn)生照片底片的效果,一般適用于圖象對(duì)象。 – 參數(shù) :該濾鏡沒(méi)有參數(shù)。 ( 13) XRay——讓對(duì)象 輪廓突出顯示– 作用 :該濾鏡能夠讓對(duì)象反映出它的輪廓并把這些輪廓加亮顯示,一般適用于圖象對(duì)象。 – 參數(shù) :該濾鏡沒(méi)有參數(shù)。 CSS的濾鏡屬性 ( filter) 的應(yīng)用48Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。新的濾鏡(要結(jié)合 Javascript腳本)– (1)Blentrans :混合轉(zhuǎn)換濾鏡,提供淡入淡出效果?duration 參數(shù):淡入或淡出的時(shí)間,以秒作單位 – (2)RevealTrans :提供了更加多變的轉(zhuǎn)換效果?duration: 轉(zhuǎn)換的秒數(shù)?transition: 轉(zhuǎn)換的類型 CSS的濾鏡屬性 ( filter) 的應(yīng)用49Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?blendTrans實(shí)例: 252。在網(wǎng)頁(yè)中需要實(shí)現(xiàn)淡隱的對(duì)象,可插入 div標(biāo)簽,并在 id欄中輸入名字,如 div1:50Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。在 div1中編輯內(nèi)容,輸入文字、插入圖片,如下圖虛線框內(nèi)所示。51Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。編輯 id樣式,樣式名即位該層的 ID名稱,本例中即為# div1。52Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。進(jìn)入代碼視圖,在頭部插入腳本//若當(dāng)前對(duì)象沒(méi)有隱藏//應(yīng)用第一個(gè)濾鏡//將對(duì)象沒(méi)有隱藏//播放第一個(gè)濾鏡53Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?選中 “單擊 ”編輯超鏈接內(nèi)容為:javascript:fadein(div1)54Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。而后預(yù)覽!252。若無(wú)效果,可將# div1的樣式中添加定位方式為 絕對(duì)即可55Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。若要實(shí)現(xiàn)淡出,只要再加一個(gè)函數(shù): fadeout(obj)即可而后在設(shè)計(jì)視圖中添加文字,并將該文字的超鏈接設(shè)置成javascript:fadeout(div1)56Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?revealTrans: 525 script language=JavaScript type=text/javascriptmyText=new Array(4)。myText[0]=學(xué)習(xí)網(wǎng)頁(yè)制作?。?myText[1]=使用 DreamWeaver! myText[2]=制作自己的特色小站! myText[3]=var i=1。function trans(){if (i==3) {i=0。}else{i++。} [0].Apply()。 =myText[i]。 [0].Play()。my=setTimeout(trans(),4000)。}/script57Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?revealTrans: 526 58Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?應(yīng)用濾鏡制作常見(jiàn)特效252。( 1)文字特效252。( 2)用樣式表改變鼠標(biāo)的顯示形狀252。( 3)圖像特效 ——略59Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?應(yīng)用濾鏡制作常見(jiàn)特效匯總252。( 1)文字特效– 用 glow濾鏡可以做空心字 ,方法是將 字體顏色設(shè)置為背景色 ,再將 glow濾鏡的 strength的值設(shè)置為 1或 2即可。– 這個(gè)效果的代碼如下:濾鏡實(shí)例濾鏡實(shí)例p { filter: glow(color=8C96B5,strength=2) shadow(color=B4BBCF,direction=135) }60Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?應(yīng)用濾鏡制作常見(jiàn)特效匯總– 利用 Chroma()濾鏡做圖案文字– 例如:濾鏡實(shí)例濾鏡實(shí)例span style=backgroundimage: url(img/)。 width: 30pxdiv style=filter: chroma( color=cccccc)。color: cccccc。 backgroundcolor: ffffff。 width: 30px。 font: bold 55pt 宋體 dreamweaver/div/span61Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?應(yīng)用濾鏡制作常見(jiàn)特效252。( 2)用樣式表改變鼠標(biāo)的顯示形狀– 用 cursor樣式,取值如下:?hand  手的形狀?crosshair  十字型?text  移動(dòng)到文本上的那種效果?wait  等待的那種效果?default  默認(rèn)效果?help  問(wèn)號(hào)?esize  向右的箭頭?neresize  向右上的箭頭?nresize  向上的箭頭?nwresize  向左上的箭頭?wresize  向左的箭頭?swresize  左下的箭頭?sresize  向下的箭頭?seresize  向右下的箭頭?auto  由系統(tǒng)自動(dòng)給出效果 例如:p style=cursor:handaa/p濾鏡實(shí)例濾鏡實(shí)例 62Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?應(yīng)用濾鏡制作常見(jiàn)特效匯總– 陰文– 陽(yáng)文濾鏡實(shí)例濾鏡實(shí)例 63Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?CSS與網(wǎng)頁(yè)結(jié)合應(yīng)用 ——1 、背景的應(yīng)用252。background復(fù)合屬性– 和 font一樣,可以使用復(fù)合屬性一次性設(shè)置與背景相關(guān)的所有屬性值– background的屬性列表的順序依次為:顏色、圖像、重復(fù)、依附、位置– 中間用空格分開,如果某個(gè)屬性值為空,則用默認(rèn)值代替style type=“text/css”.style1 { background: lightgrey url() repeaty fixed 10% 20% }/style64Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?CSS與網(wǎng)頁(yè)結(jié)合應(yīng)用 —— 背景的應(yīng)用252。在頁(yè)面上添加純裝飾性的圖像,同時(shí)又希望將圖像從內(nèi)容重分離出來(lái)– 創(chuàng)建一個(gè)內(nèi)容為空的 div, 并將該圖像設(shè)置為其背景圖252。創(chuàng)建圓角框– 簡(jiǎn)單的圓角框: – 高度可變的圓角框: advancedfixed– 高度寬度都可變的圓角框: advancedflexible252。創(chuàng)建陰影效果– 簡(jiǎn)單的陰影: ?使用負(fù)值的空白邊偏移技術(shù)– 帶邊框: style type=“text/css”branding {width:700px。height:200px。background: url() norepeat。}/stylediv id=branding/divstyle type=“text/css”.imgwrapper img {margin:5px 5px 5px 5px。}/style65Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?CSS與網(wǎng)頁(yè)結(jié)合應(yīng)用 —— 2 、 CSS中的布局252。要掌握的三個(gè)最重要的 CSS概念是:– 框模型 ( box model, 或盒模型)– 定位 ( position)– 浮動(dòng) ( float)252。這些概念可以控制在頁(yè)面上安排和顯示元素的方式,形成 CSS的基本布局– 與傳統(tǒng)的表格控制布局不同– 只有掌握這些概念, CSS開發(fā)就會(huì)變得容易252。這一部份就介紹布局的可視化模型及相關(guān)的屬性66Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?CSS的布局252。Box Model– 是 CSS的基石之一– 頁(yè)面上的每個(gè)元素被看作是一個(gè)矩形框,這個(gè)框由元素的內(nèi)容、填充、邊框和空白邊 (margin)組成填充出現(xiàn)在內(nèi)容區(qū)域的周圍,如果元素上添加背景,那么背景會(huì)應(yīng)用于由內(nèi)容和填充組成的區(qū)域添加邊框會(huì)在填充區(qū)域外加一條邊線,線條可以有多種樣式空白邊是透明的,用來(lái)控制元素之間的間隔 67Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?Box Model中的屬性 519 252。填充、邊框和空白邊都可以設(shè)置,默認(rèn)值均為 0252。注意:– 在 CSS的 BOX模型中, width和 height指的是內(nèi)容區(qū)域的寬度和高度– 而 IE5和 IE6在怪異模式中采用自己的非標(biāo)準(zhǔn)的 Box模型, width是內(nèi)容、填充和邊框?qū)挾鹊目偤停?height也是如此 68Inter與網(wǎng)頁(yè)設(shè)計(jì) CSS樣式表樣式表 ?252。MARGIN空白邊寬度設(shè)置– 包括下列屬性?MARGINLEFT?MARGINRIGHT?MARGINTOP?MARGINBOTTOM– 也可以使用復(fù)合屬性: margin, 按上-右-下-左的順序 margin : auto | length– 可以使用 長(zhǎng)度值或百分?jǐn)?shù),也可以是 auto(由瀏覽器自動(dòng)調(diào)整 )style type=“text/css”style1 { margintop:100px }s
點(diǎn)擊復(fù)制文檔內(nèi)容
教學(xué)課件相關(guān)推薦
文庫(kù)吧 www.dybbs8.com
備案圖片鄂ICP備17016276號(hào)-1