CSS 3的2種聲明方式

使用CSS選擇器可以控制HTML標(biāo)記樣式，其中每個(gè)選擇器屬性可以一次聲明多個(gè)，即創(chuàng)建多個(gè)CSS屬性修飾HTML標(biāo)記，實(shí)際上也可以將選擇器聲明多個(gè)，并且任何形式的選擇器（如標(biāo)記選擇器、類別選擇器、ID選擇器）都是合法的。

一般來說CSS有兩種聲明方式：標(biāo)準(zhǔn)聲明和合并多重聲明。

一、標(biāo)準(zhǔn)聲明：

標(biāo)準(zhǔn)聲明格式是最經(jīng)典的CSS聲明方式，可以表示如下：

元件（標(biāo)簽）{性質(zhì)（屬性）名稱：設(shè)定值}

例如：

H1{COLOR:BLUE}                     /*設(shè)置字體顏色*/

上面代碼中H1表示標(biāo)簽，COLOR表示屬性，BLUE表示設(shè)定值。標(biāo)準(zhǔn)聲明格式是CSS聲明中最小的單位，所以又被稱為基本聲明。

二、合并多重聲明

在標(biāo)準(zhǔn)聲明中，是每個(gè)標(biāo)簽與一組屬性一一對應(yīng)。合并多重聲明則是另外一種對應(yīng)形式，即多個(gè)標(biāo)簽對應(yīng)一組屬性或一個(gè)標(biāo)簽同時(shí)聲明多個(gè)屬性并用分號隔開，可以表示如下：

元件A（標(biāo)簽A），元件B（標(biāo)簽B），元件C（標(biāo)簽C）···{

性質(zhì)（屬性）名稱1： 設(shè)定值1；

性質(zhì)（屬性）名稱2： 設(shè)定值2；

···}

例如

H1,P{                                   /*多元件合并聲明*/

COLOR:BLUE;                         /*聲明顏色*/

FONT-SIZE:9PX;                     /*聲明字號*/

}

或

P{                                         /*多屬性合并聲明*/

COLOR:BLUE;                          /*聲明顏色*/

FONT-SIZE:9PX;                     /*聲明字號*/

注意：從合并多重聲明中可以看到，這樣聲明比較有利于減少代碼量。