dreamweaver網(wǎng)頁設(shè)計(jì)課程css樣式表單運(yùn)用

《dreamweaver網(wǎng)頁設(shè)計(jì)課程css樣式表單運(yùn)用》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、關(guān)于css樣式表單HTML雖為網(wǎng)頁撰寫的主要標(biāo)記語言，但早期的HTML功能薄弱，無法滿足大眾對文字控制及版面編輯的需求。W3C(worldwidewebconsortium)遂公布「共享樣式表單(cascadingstylesheets,CSS)J,以擴(kuò)充HTML的功能。CSS樣式表單的優(yōu)點(diǎn)如下：可以設(shè)定所有對象(object)的變化，包括文字、圖片、按鈕、窗口等。可以建立樣式指令，在不同的對象套用相同的樣式設(shè)定?？梢灾谱鱾€(gè)人化的的樣式檔案，以統(tǒng)一更新網(wǎng)站內(nèi)的各網(wǎng)頁變化。CSS樣式表單的使用方式

2、有三種：網(wǎng)頁內(nèi)嵌式(embedded):在HTML文件的之間，以來定義共同樣式，使整個(gè)網(wǎng)頁使用同一樣式。標(biāo)記加注式(in-line)：如果只有一個(gè)HTML標(biāo)記需要設(shè)定樣式，則可在該標(biāo)記內(nèi)，加上屈性style二””，以個(gè)別修訂樣式。外部設(shè)定式(external)：由于一個(gè)網(wǎng)站有許多網(wǎng)頁，最好是統(tǒng)一樣式，以免眼花繚亂，失去瀏覽的重點(diǎn)。但如果每一網(wǎng)頁均個(gè)別做樣式設(shè)定，萬一將來要修改時(shí)，又怕會掛一漏萬，因此可使每個(gè)網(wǎng)頁均連結(jié)到一個(gè).css的純文本檔

3、，以設(shè)定整個(gè)網(wǎng)站的樣式。如果同一HTML文件內(nèi)有兩個(gè)樣式定義，以最后的定義為準(zhǔn)。在瀏覽器方面，IE5.0版與NetScapeCommunicator均支持CSS,但部份瀏覽器不支持CSS樣式指令。為免這些瀏覽器在無法辨識吋，將CSS語法當(dāng)成本文，則在之間可用將CSS語法隱藏起來。在網(wǎng)頁編輯軟件方面，IE的FrontPage2(X)0可撰寫CSS,但NetScapeComposer無法使用CSSoCSS樣式表單的基本語法CSS樣式表單的基本語法是標(biāo)記加注式(

4、m-line)的表示法，亦即在HTML標(biāo)記后面，加上style二"???”，內(nèi)含屬性名稱(properties)與屬性值(value),以定義樣式。兩個(gè)屬性間，以分號區(qū)隔；而屬性與屬性值間，以冒號分開。例如：原來標(biāo)題文字之HTML標(biāo)記為<±2〉標(biāo)題文字其中font-famlily>color、size分別是CSS的

5、一項(xiàng)屈性，而標(biāo)楷體、#FF0000、48等，則是對應(yīng)之屬性值。fit零迥網(wǎng)⑥裁的懇量?im（i）朝明?河址

6、自科懶丹TcsfiDuteiO紳CSSVSSSmg仙漏血?dú)U迎光峰him二J至連知”歡迎光臨、CSS語法執(zhí)行的結(jié)果將CSS語法放在HTML標(biāo)記語言之內(nèi)樣式指令Class的用法使用class樣式指令可以使同時(shí)套用一個(gè)樣式指令在不同地方，而不需要一再定義。Class的語法包含定義樣式指令及執(zhí)行樣式指令兩部份：定義樣式指令是在之間設(shè)定一個(gè)樣式指令，其語法是以句號開頭，

7、后接樣式名稱，再加上一個(gè)大括號{},內(nèi)含屬性名稱與屬性值，即可定義樣式指令。兩個(gè)屬性間，以分號區(qū)隔；而屬性與屬性值間，以冒號分開。執(zhí)行樣式指令時(shí)，則在HTML標(biāo)記內(nèi)，加上class二樣式名稱即可執(zhí)行樣式指令。例如：原來標(biāo)題文字ZHTML標(biāo)記為

8、ing〉標(biāo)題文字v/h2〉其中heading為樣式名稱，font-famlily與color分別是CSS的一項(xiàng)屬性，而標(biāo)楷體與#00FFFF則是對應(yīng)之屬性值。歡迎光臨css語法執(zhí)行的結(jié)果金血CSS樣式的定義只能用一

9、個(gè)樣式設(shè)定；如果同時(shí)有二個(gè)或二個(gè)以上的樣式要設(shè)定，則需分別使用不同的這是物理治療學(xué)系之網(wǎng)頁CSS語法執(zhí)行的結(jié)果CSS話法分開的CSS樣式的定義42cla$s?he4ding>*tiS7^SK樣式指令I(lǐng)D的用法和class指令一樣，使用id樣式指令可以使同一個(gè)網(wǎng)頁重復(fù)使用同一個(gè)樣式指令，而不需要一再定義。與class樣式指令不同的是一個(gè)HTML文件只能有一個(gè)id樣式指令，且id樣式指令是以#表示。id的語法的定義及執(zhí)行方式與clas