回首頁 與我們連絡 網站地圖 加入我的最愛



 

css.gif (1242 bytes)


獨立宣告?什麼叫獨立宣告啊?!獨立宣告也就所謂的分組宣告,網頁標籤的可設定屬性相當多,因此以分組的宣告方式來管理是一個不錯的選擇,例如:BODY標籤它可以設定的屬性就相當地多,有背景顏色、文字大小、文字字型樣式.....等等,現在就以BODY標籤的樣式宣告為示範對象進行解說!

 

如果我們在樣式表中宣告下列BODY標籤敘述:

BODY {background : #FF0000;font-size : 10pt}

這樣的樣式宣告將會把包括在BODY</BODY之間的文字外觀顏色都變成紅色同時將文字的大小指定為10pt。


如果我們在樣式表中宣告下列BODY標籤敘述:

BODY {background : #00FF00}
BODY {font-size : 10pt}

這樣的樣式宣告又會造成什麼結果呢?結果是與範例解說A一模一樣的:被包括在BODY</BODY之間的文字外觀顏色都變成紅色而且文字的大小指定為10pt。既然所得到的結果都一樣,那分組的意義在哪裡呢?分組的意義在於分類管理標籤不同的樣式性質,以本例來說,我們分類管理了BODY標籤的顏色相關屬性與文字相關屬性!


危險的錯誤宣告

BODY {font-size : 10pt}
BODY {background : #00FF00}
BODY {font-size : 12pt}

這樣的樣式宣告又會造成什麼結果呢?結果將是:被包括在BODY</BODY之間的文字外觀顏色都變成紅色但是文字的大小卻指定為12pt。在本例中我們重複的宣告了BODY標籤的文字大小屬性,但結果是最後宣告的設定值生效了!因此在被包括在BODY</BODY之間的文字大小都被指定為12pt 嘍。

 

CSS 教學文件
CSS入門講座
基礎網頁應用
進階網頁應用
結合JavaScript應用
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為