在 Dreamweaver 中使用 CSS 可以讓網(wǎng)頁(yè)設(shè)計(jì)更加簡(jiǎn)單、靈活。但是,有時(shí)候我們并不清楚某些 CSS 屬性的具體含義,遇到問(wèn)題就不知道該怎么解決。這時(shí)候,中文參考就會(huì)派上用場(chǎng)。我們可以在 Dreamweaver 中使用中文參考,查找所需要的 CSS 屬性,從而更好地實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)。
/* 這是CSS樣式表代碼的例子 */ .example { width: 300px; height: 200px; background-color: #f2f2f2; margin: 0 auto; }
在 Dreamweaver 中使用中文參考有兩種方式。第一種是直接在 CSS 樣式表中輸入屬性名,例如“width”,然后按下 F1 鍵,就可以打開(kāi)中文參考。第二種是直接在 Dreamweaver 的菜單欄中選擇“幫助”-“CSS 參考”,從而打開(kāi)中文參考。
在中文參考中,一般會(huì)給出所查找屬性的含義、語(yǔ)法、取值、繼承性等信息。例如,在查找“background-color”這個(gè)屬性時(shí),可以看到如下內(nèi)容:
屬性:background-color 含義:設(shè)置元素的背景顏色 語(yǔ)法:background-color:color | transparent | initial | inherit 取值: color:設(shè)置元素的背景顏色,可以使用十六進(jìn)制、RGB、RGBA、HSL、HSLA 等方式表示。 transparent:透明效果。 initial:取默認(rèn)值。 inherit:從父元素繼承值。 繼承性:否
通過(guò)這種方式,我們可以快速查找所需要的 CSS 屬性,并及時(shí)調(diào)整樣式表代碼。不僅可以提高工作效率,還可以使我們少犯很多因?yàn)椴皇煜?CSS 屬性而產(chǎn)生的錯(cuò)誤。