CSS 規范允許使用稱作速記 CSS 的簡略語法創建樣式。速記 CSS 使您可以用一個屬性標簽指定多個屬性的值。例如,您可以使用 font
屬性在一行語法中設置 font-style
、font-variant
、font-weight
、font-size
、line-height
和 font-family
屬性。
使用速記 CSS 時需要注意的關鍵問題是速記 CSS 屬性省略的值會被指定為屬性的默認值。當兩個或多個 CSS 規則指定給同一標簽時,這可能會導致頁面無法正確顯示。
例如,下面顯示的 H1
標簽使用了普通的 CSS 語法。注意,font-variant
、font-stretch
、font-size-adjust
和 font-style
屬性的值都被指定為它們的默認值。
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}
下面用一個速記屬性重寫這一標簽:
H1 { font: bold 16pt/18pt Arial }
使用速記符號編寫時,會自動將省略的值指定為它們的默認值。因此,上述速記示例省略了 font-variant
、font-style
、font-stretch
和 font-size-adjust
標簽。
如果您使用 CSS 語法的速記形式和普通形式在不只一個位置定義了樣式(如在 HTML 頁面中嵌入樣式並從外部樣式表中導入樣式),一定要注意省略的屬性可能會覆蓋(或層疊)在其他位置明確設置的屬性。
因此,Dreamweaver 默認情況下使用 CSS 符號的普通形式撰寫語法。這樣可以防止能夠覆蓋普通規則的速記規則所引起的潛在問題。在 Dreamweaver 中打開使用速記 CSS 符號編寫代碼的 Web 頁面時,請注意 Dreamweaver 將使用普通形式創建新的 CSS 規則。通過更改"首選參數"對話框(在 Windows 中為"編輯">"首選參數";在 Macintosh 中為"Dreamweaver">"首選參數")中"CSS 樣式"類別中的 CSS 編輯首選參數,您可以指定 Dreamweaver 創建和編輯 CSS 規則的方式