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 規則的方式。
注意
"CSS 樣式"面板僅使用普通符號建立規則。如果您使用"CSS 樣式"面板建立頁面或CSS 樣式表,請務必知道對速記CSS 規則進行手動編碼可能會導致速記屬性覆蓋那些以普通形式建立的屬性。因此,請使用普通的CSS 符號建立您的樣式。