中斷CSS樣式表檔連結(jié)課件

1、第10章 CSS 樣式設(shè)定10-1CSS 樣式與網(wǎng)頁(yè)的結(jié)合10-2建立全新的CSS 樣式10-3編修CSS 樣式內(nèi)容10-4外部樣式表的設(shè)定與連結(jié)10-5CSS 樣式使用技巧10-1CSS 樣式與網(wǎng)頁(yè)的結(jié)合局部套用CSS 樣式這種方式只是加強(qiáng)網(wǎng)頁(yè)中的某些標(biāo)題或某些段落，它會(huì)在標(biāo)籤中加入“style= 屬性: 設(shè)定值” 的語(yǔ)法。雖然有較多的樣式變化，但是不易於網(wǎng)站的管理，因此對(duì)於網(wǎng)站的管理，網(wǎng)頁(yè)設(shè)計(jì)師通常較少採(cǎi)用此種方式。內(nèi)嵌於網(wǎng)頁(yè)文件開頭這種方式是將CSS 語(yǔ)法放置在 與 標(biāo)籤之間，以設(shè)定整個(gè)網(wǎng)頁(yè)的樣式。（如10-2 節(jié)所介紹的內(nèi)容屬之）使用外部連結(jié)的CSS 檔當(dāng)網(wǎng)站的內(nèi)容較龐大時(shí)，為了有效管

2、理網(wǎng)站，可以考慮將文字內(nèi)容與排版分開處理；也就是說(shuō)，HTML 標(biāo)籤只負(fù)責(zé)文章內(nèi)容，CSS 專門控制版面編排，而最後將CSS 所定義的樣式，以連結(jié)的方式和其他的HTML 網(wǎng)頁(yè)結(jié)合在一起。類別（可套用至任何HTML 元素）對(duì)於可能會(huì)經(jīng)常使用的樣式，可以選用這種選取器類別，這樣容易讓網(wǎng)站具有一致性。ID（僅套用至一個(gè)HTML 元素）想要讓網(wǎng)頁(yè)元素具有與眾不同的樣式，就可以選用此種方式。標(biāo)籤（重新定義HTML 元素）對(duì)於HTML 標(biāo)籤語(yǔ)法， 諸如： 圖片、標(biāo)題、段落文字. 等，想要重新定義它的樣式，可以選用此類別。複合（依您的選項(xiàng)而定）選用此項(xiàng)可將樣式套用到特定元素之中。10-2建立全新的CSS 樣式重新定義HTML 元素建立類別樣式10-3編修CSS 樣式內(nèi)容從屬性面板編修CSS 樣式從CSS 樣式面板編修CSS 樣式10-4外部樣式表的設(shè)定與連結(jié)建立外部樣式表儲(chǔ)存外部樣式表檔連結(jié)已建立的外部樣式表設(shè)計(jì)階段樣式表中斷CSS 樣式表檔連結(jié)已做連結(jié)的樣式表若要與編輯的網(wǎng)頁(yè)中斷，可按CSS 樣式面板下的 鈕，就可以中斷連結(jié)。如圖示：10-5CSS 樣式使用技巧由頁(yè)面屬性設(shè)定CSS 樣式(1)範(fàn)例檔：1010_ 頁(yè)面屬性.htmlCSS 外觀設(shè)定由頁(yè)面屬性設(shè)定CSS 樣式(2)CSS 連結(jié)設(shè)定由頁(yè)面屬性設(shè)定CSS 樣式(3)CSS 標(biāo)題設(shè)定以C