在Dreamweaver中編輯CSS規(guī)則的步驟

在前文中我們學(xué)會了怎么設(shè)置h1標(biāo)簽的屬性，如果我們認(rèn)為某一屬性設(shè)置不合理需要修改，該怎么操作呢？在Dreamweaver CS6有3種方式可以實現(xiàn)CSS規(guī)則的編輯。

（1）在代碼區(qū)域內(nèi)直接進(jìn)行CSS代碼的修改。

（2）在CSS樣式區(qū)內(nèi)單擊h1，在h1標(biāo)簽屬性框中進(jìn)行修改，如下圖所示。需要修改哪一項只要單擊一下就可以進(jìn)行修改了。

（3）右鍵單擊CSS樣式中的h1，在彈出的快捷菜單中，選擇【編輯】選項即可編輯該項，如下圖所示。

為圖像創(chuàng)建CSS規(guī)則

下面我們來給圖像創(chuàng)建CSS規(guī)則，具體操作步驟如下：

（1）在CSS樣式中單擊【新建】菜單命令，打開【新建CSS規(guī)則】對話框，選擇【選擇器類型】為“標(biāo)簽”、選擇【選擇器名稱】為img，如下圖所示：

（2）單擊上圖中的【確定】按鈕，打開【img的CSS規(guī)則定義】對話框，選擇【方框】選項。

單擊【Float】選項下拉按鈕，選擇【left】選項，設(shè)置【Margin】選區(qū)中的選項為全部相同，值設(shè)為5，如下圖所示：

（3）單擊【img的CSS規(guī)則定義】左側(cè)分類中的邊框，如下圖所示。

設(shè)置邊框右側(cè)屬性為全部相同，“Style”值設(shè)為solid，“Width”值設(shè)為“2”；“Color”值設(shè)為“#F00”，至此圖片CSS規(guī)則設(shè)置規(guī)則設(shè)置完畢，單擊【確定】按鈕，關(guān)閉規(guī)則編輯框。設(shè)置完后，可以發(fā)現(xiàn)實現(xiàn)效果與手工編寫方式是一致的，沒有什么不同。

舉一反三

實際工作中，頁面排版的內(nèi)容多是從別的文檔復(fù)制文本到Dreamweaver，經(jīng)常會發(fā)現(xiàn)段落擠成一團(tuán)，不好處理。Dreamweaver復(fù)制和粘貼文本有兩種類別，標(biāo)準(zhǔn)的方式將對象連同對象的屬性一起復(fù)制，把剪貼板的內(nèi)容作為HTML代碼；另一種方式僅復(fù)制或粘貼文本，復(fù)制時忽視html格式，粘貼時則把html代碼作為文本粘貼。多按一個【Shift】鍵（【Ctrl+Shift+C】/【Ctrl+Shift+V】即按后一種方式操作。當(dāng)按下【Ctrl+Shift+V】組合鍵后會彈出【選擇性粘貼】對話框，如下圖所示。可以根據(jù)需要選擇粘貼方式。

除了上面這種方式，也可以先將代碼粘貼到一個空白的記事本，然后從記事本中將代碼復(fù)制到工具中?？梢愿鶕?jù)需要選擇處理法方式。