位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

在Dreamweaver CS6中更完整的CSS功能?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-11-12

更完整的CSS功能

傳統(tǒng)的HTML所提供的樣式及排版功能非常有 限,因此,現(xiàn)在復(fù)雜的網(wǎng)頁(yè)版面主要靠CSS樣式來(lái) 實(shí)現(xiàn)。而CSS樣式表功能較多,語(yǔ)法比較復(fù)雜,需 要_個(gè)很好的工具軟件有條不紊地整理復(fù)雜的CSS 源代碼,并適時(shí)地提供輔助說(shuō)明。Dreamweaver CS6就提供了這樣方便有效的CSS功能。

"屬性"面板提供了CSS功能。用戶可以通過(guò) “屬性"面板中的“目標(biāo)規(guī)則"選項(xiàng)的下拉列表對(duì) 所選的對(duì)象應(yīng)用樣式或創(chuàng)建和編輯樣式,如圖所示。若某些文字應(yīng)用了自定義樣式,當(dāng)用戶調(diào)整 這些文字的屬性時(shí),會(huì)自動(dòng)生成新的CSS樣式。image.png

"頁(yè)面屬性"按鈕也提供了CSS功能。單擊 "頁(yè)面屬性"按鈕,彈出"頁(yè)面屬性"對(duì)話框, 如圖所示。image.png

用戶可以在左側(cè)的’‘分類"列表 中選擇"鏈接"選項(xiàng),在右側(cè)的"下劃線樣式” 選項(xiàng)下拉列表中設(shè)置超鏈接的樣式,這個(gè)設(shè)置會(huì) 自動(dòng)轉(zhuǎn)化成CSS樣式,如圖所示。image.png

Dreamweaver CS6除了提供如圖所示的 "CSS樣式"面板外,還提供如圖1-17所示的 “CSS屬性"面板。CSS屬性面板可使用戶輕松查看規(guī)則的屬性設(shè)置,并可快速修改嵌入在當(dāng) 前文檔或通過(guò)附加的樣式表鏈接的CSS樣式???編輯的網(wǎng)格使用戶可以更改顯示的屬性值。對(duì)選 擇所做的更改都將立即應(yīng)用,這使用戶可以在操 作的同時(shí)預(yù)覽效果。image.png

image.png

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部