玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性_Dreamweaver教程
CSS 規(guī)范答應(yīng)使用稱作速記 CSS 的簡略語法創(chuàng)建樣式。速記 CSS 使您可以用一個(gè)屬性標(biāo)簽指定多個(gè)屬性的值。例如,您可以使用 font 屬性在一行語法中設(shè)置 font-style、font-variant、font-weight、font-size、line-height 和 font-family 屬性。
使用速記 CSS 時(shí)需要注重的要害問題是速記 CSS 屬性省略的值會(huì)被指定為屬性的默認(rèn)值。當(dāng)兩個(gè)或多個(gè) CSS 規(guī)則指定給同一標(biāo)簽時(shí),這可能會(huì)導(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 }
使用速記符號(hào)編寫時(shí),會(huì)自動(dòng)將省略的值指定為它們的默認(rèn)值。因此,上述速記示例省略了 font-variant、font-style、font-stretch 和 font-size-adjust 標(biāo)簽。
假如您使用 CSS 語法的速記形式和普通形式在不只一個(gè)位置定義了樣式(如在 HTML 頁面中嵌入樣式并從外部樣式表中導(dǎo)入樣式),一定要注重省略的屬性可能會(huì)覆蓋(或?qū)盈B)在其他位置明確設(shè)置的屬性。
因此,Dreamweaver 默認(rèn)情況下使用 CSS 符號(hào)的普通形式撰寫語法。這樣可以防止能夠覆蓋普通規(guī)則的速記規(guī)則所引起的潛在問題。在 Dreamweaver 中打開使用速記 CSS 符號(hào)編寫代碼的 Web 頁面時(shí),請(qǐng)注重 Dreamweaver 將使用普通形式創(chuàng)建新的 CSS 規(guī)則。通過更改"首選參數(shù)"對(duì)話框(在 Windows 中為"編輯">"首選參數(shù)";在 Macintosh 中為"Dreamweaver">"首選參數(shù)")中"CSS 樣式"類別中的 CSS 編輯首選參數(shù),您可以指定 Dreamweaver 創(chuàng)建和編輯 CSS 規(guī)則的方式。
注重
"CSS 樣式"面板僅使用普通符號(hào)創(chuàng)建規(guī)則。假如您使用"CSS 樣式"面板創(chuàng)建頁面或 CSS 樣式表,一定要知道對(duì)速記 CSS 規(guī)則進(jìn)行手工編碼可能會(huì)導(dǎo)致速記屬性覆蓋那些用普通形式創(chuàng)建的屬性。因此,請(qǐng)使用普通的 CSS 符號(hào)創(chuàng)建您的樣式。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用Dreamweaver設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁
- 用Dreamweaver描摹圖像
- 事件日歷-Dreamweaver構(gòu)建Blog
- Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)
- Dreamweaver 限制訪問的BUG
- Dreamweaver MX2004視頻寶典教程 Dreamweaver安裝與啟動(dòng)
- Dreamweaver的應(yīng)用源格式技巧
- Dreamweaver網(wǎng)頁制作超級(jí)技巧36則
- 在Dreamweaver8.0.2中為插入的Flash添加透明或其他參數(shù)
- 在 Dreamweaver 中指定哪里處理動(dòng)態(tài)頁
猜你也喜歡看這些
- Dreamweaver 8中文版職業(yè)應(yīng)用視頻教程
- java實(shí)例教程在線支付系統(tǒng)制作
- Dreamweaver MX 2004中文版完全自學(xué)手冊(cè)
- 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)視頻全教程
- 《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)技能進(jìn)化手冊(cè)》--樣章、樣例、教學(xué)視頻
- PHP+MYSQL網(wǎng)站設(shè)計(jì)入門實(shí)踐
- 精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程
- Dreamweaver 8完美網(wǎng)頁設(shè)計(jì): 網(wǎng)頁特效篇
- Dreamweaver CS4 中文版完全自學(xué)教程
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性
。