網(wǎng)頁設(shè)計(jì)與制作_06在Dreamweaver8中使用CSS設(shè)置頁面格式

1、第六講o課 題：在Dreamweaver8中使用CSS設(shè)置頁面格式o目的及要求：使用CSS設(shè)置頁面格式o教學(xué)重點(diǎn)：新建、編輯CSS樣式和文檔的方法以及超級(jí)鏈接的CSS樣式定義o教學(xué)難點(diǎn)：附加樣式表o教學(xué)課時(shí)：2課時(shí)o教學(xué)方法：提問與比較教學(xué)方式，激發(fā)學(xué)生興趣；使用使用CSS樣式樣式認(rèn)識(shí)CSS樣式 u CSS的基本概念 CSS樣式基礎(chǔ)o在Dreamweaver8中可以定義下列類型的CSS樣式：o自定義CSS樣式（也稱為類樣式）：使用該樣式，可以將樣式屬性設(shè)置為任何文本范圍或文本塊；o HTML標(biāo)簽樣式：使用該樣式，可以重定義特定標(biāo)簽的格式。創(chuàng)建或更改該HTML標(biāo)簽的CSS樣式時(shí)，所有使用該標(biāo)簽的

2、文本都將得到更新；o CSS選擇器高級(jí)樣式：使用該樣式，可以重定義特定標(biāo)簽組合的格式或者重定義包含特定ID屬性的所有標(biāo)簽的格式。第第9章章 在在Dreamweaver8中使用中使用CSS設(shè)置頁面格式設(shè)置頁面格式CSS樣式面板和常用類型 添加層疊樣式表的方法1.直接在標(biāo)簽內(nèi)定義 css實(shí)例特點(diǎn)：使用簡單、顯示直觀，但是無法發(fā)揮樣式表的優(yōu)勢，不建議使用2添加在HTML的里 3鏈接樣式link rel=stylesheet href=“style.css”特點(diǎn)：最適合大型網(wǎng)站的CSS樣式定義創(chuàng)建CSS樣式 選擇“CSS樣式”|“新建”命令 “CSS規(guī)則定義”對(duì)話框應(yīng)用CSS樣式 管理CSS樣式 。

3、u u CSS樣式?jīng)_突鏈接和導(dǎo)入CSS樣式 編輯和刪除CSS樣式 設(shè)置其他CSS樣式 CSS樣式?jīng)_突 Alpha：設(shè)置文字和圖片的透明度。 Blur：模糊。 DropShadow：添加陰影 FlipH:將圖像或文本進(jìn)行水平翻轉(zhuǎn) FlipV :將圖像或文本進(jìn)行垂直翻轉(zhuǎn) Glow：為圖像增加特定顏色閃爍 Gray：使圖像發(fā)生灰度轉(zhuǎn)變 Invert:反轉(zhuǎn)圖像的色調(diào)、飽和度和亮度常用的幾個(gè)濾鏡：Light：創(chuàng)建目標(biāo)被一個(gè)或多個(gè)光源照亮的幻覺 效果。 Mask：設(shè)置所有透明像素為指定顏色，使用特定的轉(zhuǎn)換類型顯示圖像。XBay:X射線wave：波浪常用的幾個(gè)濾鏡：1、AlphaAlpha文字和圖片的透明度

4、 表達(dá)格式：filter:alpha(opacity=.,finishopacity=.,style=.,startX=.,startY=.,finishX=.,finishY=.)Opacity：指透明度。1100的數(shù)值表示從透明到不透明的程度。Style:指透明區(qū)域的圖像特征。數(shù)值0表示純色，數(shù)值1指線性變化，數(shù)值2指放射狀漸變，3指矩形漸變Finishopacity：這個(gè)屬性是可選的，用來設(shè)置文字或圖像結(jié)束時(shí)的透明度，這可以達(dá)到一種漸變效果。StartX，StartY：指透明效果開始的坐標(biāo)。顯而易見，后面的finishX,finishY指的是透明效果的結(jié)束坐標(biāo)。 2、BlurBlur模糊表達(dá)式：filter:blur(add=.,direction=.,strength=.)Add:大于0的任意整數(shù)Direction:用來設(shè)置模糊的方向。（0-315）Strength:指被模糊的幅度，只能用整數(shù)。 3、DropshadowDropshadow:添加陰影。表達(dá)式：Filter:DropShadow(Color=.,Offx=.,Offy=.,Positive=.)Color:陰影顏色。Off