Dreamweaver是一款非常強大的網(wǎng)頁編輯器,只要掌握了基本的CSS編輯技巧,就能方便的設置網(wǎng)頁樣式。
/*樣式代碼示例*/ body{ font-size: 18px; color: #333; background-color: #f5f5f5; }
對于要設置樣式的元素,可以在代碼模式下選中,再在CSS面板中編輯樣式:
/*CSS代碼示例*/ h1{ font-size: 36px; text-align: center; color: #333; }
還可以在CSS面板中通過“+”號選擇多個元素設置樣式:
/*CSS代碼示例*/ h1, h2, h3{ color: #333; }
除了通過CSS面板設置樣式外,Dreamweaver還提供了可視化的樣式設置界面:
/*CSS代碼示例*/ .box{ width: 200px; height: 200px; border-radius: 10px; background-color: #f5f5f5; }
最后,Dreamweaver還支持直接在HTML標簽中設置內(nèi)聯(lián)樣式:
/*HTML代碼示例*/Hello World!
以上就是關(guān)于Dreamweaver中如何編輯CSS的一些基本介紹,希望對大家有所幫助。