Dreamweaver是一款強(qiáng)大的網(wǎng)頁(yè)開(kāi)發(fā)工具,可以幫助開(kāi)發(fā)者更快、更方便地開(kāi)發(fā)網(wǎng)站。在Dreamweaver中新建CSS樣式也很簡(jiǎn)單,本文將通過(guò)具體的步驟來(lái)介紹。
首先,在需要新建CSS樣式的頁(yè)面中打開(kāi)Dreamweaver。選擇“窗口”菜單中的“CSS樣式”選項(xiàng),打開(kāi)CSS樣式面板。在面板中可以看到已有的CSS樣式和可以新建的樣式。
//這是CSS樣式的面板 body { font-size: 16px; color: #333; } a { color: blue; }
接著,點(diǎn)擊面板中的“新樣式”按鈕,彈出新樣式對(duì)話框。在對(duì)話框中設(shè)置新樣式的名稱、選擇器和屬性。
//這是新樣式對(duì)話框 h1 { font-size: 28px; color: red; text-align: center; }
在樣式創(chuàng)建完成后,可以通過(guò)面板中的“編輯”按鈕對(duì)已有的樣式進(jìn)行修改。
//這是修改樣式對(duì)話框 body { font-size: 14px; color: #999; }
最后,在頁(yè)面中使用新建的CSS樣式。在HTML標(biāo)簽中添加class或id屬性引用新樣式。例如:
//這是HTML標(biāo)簽 <h1 class="title">這是一個(gè)標(biāo)題</h1>
通過(guò)以上步驟,就可以輕松地在Dreamweaver中新建CSS樣式了。同時(shí),我們還可以在代碼視圖中手動(dòng)編寫CSS樣式,達(dá)到更靈活的控制效果。
上一篇css顯示不在磁盤中
下一篇dw中鏈接css樣式