當前位置:才華齋>設計>網頁設計>

Dreamweaver8.0速記CSS屬性

網頁設計 閱讀(2.44W)

導語:CSS 規範允許使用稱作速記 CSS 的簡略語法建立樣式。下面就由小編為大家介紹一下Dreamweaver8.0速記CSS屬性,歡迎大家閱讀!

Dreamweaver8.0速記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 符號建立您的樣式。