職稱計(jì)算機(jī)輔導(dǎo):玩轉(zhuǎn)Dreamweaver速記CSS屬性

字號:

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