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



 

css.gif (1242 bytes)


複合宣告,複合宣告可分為兩種情況!一種是將網頁標籤的不同樣式性質宣告在一起〔不同的屬性設定以分號格開〕,這種情況之前我們已經使用過了呦!另一種就是將不同的網頁標籤但是樣式性質相同的屬性合併在一起宣告〔不同的網頁標籤以逗號格開〕

 

:一行通吃

BODY { background:#FF0000 ; color:#00FF00 ; font-size:10pt ; font-family:細明體 }

這樣的樣式宣告結果將是:被包括在BODY</BODY標籤之間的文字外觀顏色都變成綠色、文字的大小指定為10pt、文字字型為細明體同時背景顏色也被指定為紅色。在本例中我們一次就宣告了BODY標籤的四種樣式屬性,但請注意:每個指定的樣式屬性之間必須以分號隔開


:多行排列

BODY { background:#FF0000 ; 
     color:#00FF00 ; 
    
font-size:10pt ; 
    
font-family:細明體 }

其實多行排列一行通吃所得到的結果是相同的!但是為了顧及HTML網頁原始檔的維護與排版,當宣告過長時我們就可在分號之後加以折行撰寫,不管中間有多少空白字元或是幾個換行列,只要我們宣告的格式正確就都不會有錯誤發生的呦!


 

:一行通吃

BODY { color:#00FF00 ; font-size:10pt ; font-family:細明體 }

這樣的樣式宣告結果將是:被包括在BODY</BODY標籤之間的文字外觀顏色都變成綠色、文字的大小指定為10pt、文字字型為細明體;同時,在被包括在P</P標籤之間的文字外觀顏色也都變成綠色、文字的大小指定為10pt、文字字型為細明體,本例中我們一次就宣告了BODY標籤與P標籤的三種共通樣式屬性。

請注意:進行複合宣告的標籤之間必須以逗號隔開


:多行排列

BODY { color:#00FF00 ;
        font-size:10pt ;
      
font-family:細明體 }

同樣的,多組標籤的複合宣告也可以使用多行排列,一行通吃所得到的結果是相同的!

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

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