|
三、CSS Style面板的應(yīng)用
在Dreamweaver MX 2004中界面最右邊有一列各種選項(xiàng)面板的設(shè)置對(duì)話(huà)框，其中包括“CSS Style”，如圖5。
圖5
老版本的DW也有這個(gè)CSS Style面板，Dreamweaver MX 2004中只保留了CSS Style的編輯功能，去掉了套用模式（Dreamweaver MX 2004直接在屬性面板中套用CSS樣式）。Dreamweaver MX 2004在“Rules”面板中提供了更多的CSS功能，如圖6。
圖6
在CSS Rule面板中選擇一個(gè)樣式之后，它就會(huì)自動(dòng)切換到該樣式的有關(guān)選項(xiàng)，我們可以在面板上進(jìn)行檢查和修改。這個(gè)面板將CSS樣式詳細(xì)分成了好幾大類(lèi)，針對(duì)每一個(gè)樣式都有詳細(xì)的參數(shù)或選項(xiàng)幫助我們做設(shè)置。這樣即使我們對(duì)CSS的用法不太熟悉，也可以輕松使用它的功能。
在Rules面板的下方是Relevant CSS面板，在這里有網(wǎng)頁(yè)內(nèi)每個(gè)部分的CSS詳細(xì)設(shè)置內(nèi)容。在網(wǎng)頁(yè)中選定某個(gè)區(qū)域，Relevant CSS面板就出現(xiàn)相關(guān)的CSS設(shè)置選項(xiàng)，以及它上一層的 CSS樣式，甚至 CSS 是套用的哪一個(gè) HMTL標(biāo)簽都顯示得很清楚，若有覆蓋過(guò)的地方，會(huì)用特別的顏色和刪除線(xiàn)來(lái)提示，如圖7。
圖7
出處：天極設(shè)計(jì)在線(xiàn)
責(zé)任編輯：三分油菜田
上一頁(yè) 頁(yè)面的CSS屬性 下一頁(yè) CSS 語(yǔ)法提示
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁(yè) 
第 3 頁(yè) CSS Style面板的應(yīng)用
