玩轉 Dreamweaver8.0:速記 CSS 屬性

來源:互聯網
上載者:User
  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 符號建立您的樣式。
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.