DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 玩轉Dreamweaver8.0速記CSS屬性
玩轉Dreamweaver8.0速記CSS屬性
編輯:Dreamweaver入門     

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 符號創建您的樣式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved