Dreamweaver是一款非常強大的網(wǎng)頁制作工具,它支持設(shè)置復(fù)合CSS樣式。所謂復(fù)合CSS樣式,是指多個CSS樣式合并在一起,應(yīng)用到同一個HTML元素上。例如,可以將字體、字號、顏色、行高等多個CSS樣式合并成一個類,然后應(yīng)用到網(wǎng)頁的某個段落上,從而實現(xiàn)快速修改、復(fù)用和維護的目的。
.text-box{ font-family: Arial, sans-serif; font-size: 16px; color: #333; line-height: 1.5; }
在Dreamweaver中,設(shè)置復(fù)合CSS樣式十分簡單。只需在CSS樣式面板中,新建一個樣式類,然后設(shè)置該類的多個屬性值即可。在代碼視圖下,可以看到如上所示的CSS樣式代碼。
然后,在HTML代碼中需要應(yīng)用該樣式的元素上,只需引用該類即可。例如,可以在某個段落上添加class="text-box"屬性,從而讓該段落應(yīng)用上述定義的復(fù)合CSS樣式。
使用Dreamweaver設(shè)置復(fù)合CSS樣式,可以大大提高網(wǎng)頁制作效率,同時也使得CSS樣式更加簡潔、易于維護。如果您是一名網(wǎng)頁開發(fā)人員,不妨多利用這種方式來優(yōu)化您的CSS樣式代碼吧!
上一篇dw里怎么引用css
下一篇dw無法識別css樣式