玩轉(zhuǎn)Dreamweaver速記CSS屬性_Web標(biāo)準(zhǔn)教程

CSS 規(guī)范允許使用稱作速記 CSS 的簡略語法創(chuàng)建樣式。速記 CSS 使您可以用一個屬性標(biāo)簽指定多個屬性的值。例如，您可以使用 font 屬性在一行語法中設(shè)置 font-style、font-variant、font-weight、font-size、line-height 和 font-family 屬性。

使用速記 CSS 時需要注意的關(guān)鍵問題是速記 CSS 屬性省略的值會被指定為屬性的默認(rèn)值。當(dāng)兩個或多個 CSS 規(guī)則指定給同一標(biāo)簽時，這可能會導(dǎo)致頁面無法正確顯示。

例如，下面顯示的 H1 標(biāo)簽使用了普通的 CSS 語法。注意，font-variant、font-stretch、font-size-adjust 和 font-style 屬性的值都被指定為它們的默認(rèn)值。

H1 {

font-weight: bold;

font-size: 16pt;

line-height: 18pt;

font-family: Arial;

font-variant: normal;

font-style: normal;

font-stretch: normal;

font-size-adjust: none

}

下面用一個速記屬性重寫這一標(biāo)簽：

H1 { font: bold 16pt/18pt Arial }

使用速記符號編寫時，會自動將省略的值指定為它們的默認(rèn)值。因此，上述速記示例省略了 font-variant、font-style、font-stretch 和 font-size-adjust 標(biāo)簽。

如果您使用 CSS 語法的速記形式和普通形式在不只一個位置定義了樣式（如在 HTML 頁面中嵌入樣式并從外部樣式表中導(dǎo)入樣式），一定要注意省略的屬性可能會覆蓋（或?qū)盈B）在其他位置明確設(shè)置的屬性。

因此，Dreamweaver 默認(rèn)情況下使用 CSS 符號的普通形式撰寫語法。這樣可以防止能夠覆蓋普通規(guī)則的速記規(guī)則所引起的潛在問題。在 Dreamweaver 中打開使用速記 CSS 符號編寫代碼的 Web 頁面時，請注意 Dreamweaver 將使用普通形式創(chuàng)建新的 CSS 規(guī)則。通過更改"首選參數(shù)"對話框（在 Windows 中為"編輯">"首選參數(shù)"；在 Macintosh 中為"Dreamweaver">"首選參數(shù)"）中"CSS 樣式"類別中的 CSS 編輯首選參數(shù)，您可以指定 Dreamweaver 創(chuàng)建和編輯 CSS 規(guī)則的方式。

注意

"CSS 樣式"面板僅使用普通符號創(chuàng)建規(guī)則。如果您使用"CSS 樣式"面板創(chuàng)建頁面或 CSS 樣式表，一定要知道對速記 CSS 規(guī)則進(jìn)行手工編碼可能會導(dǎo)致速記屬性覆蓋那些用普通形式創(chuàng)建的屬性。因此，請使用普通的 CSS 符號創(chuàng)建您的樣式。