dreamweaver可以創(chuàng)建一個(gè) CSS 規(guī)則來(lái)自動(dòng)完成HTML標(biāo)簽的格式設(shè)置或者class或ID屬性所標(biāo)識(shí)的文本范圍的格式設(shè)置，該怎么設(shè)置css規(guī)則呢？下面我們就來(lái)看看詳細(xì)的教程。

1、雙擊dreamweaver CS5圖標(biāo)

2、在菜單中單擊“文件”選擇“新建”

3、在新建文檔窗口，選擇“空白頁(yè)”—“HTML”，文檔類(lèi)型選擇“XHTML1.0 transitional”,單擊“創(chuàng)建”按鈕。

4、將插入點(diǎn)放在文檔中，然后在菜單欄單擊“格式”，在彈出的下拉菜單中選擇“CSS樣式”—“新建”

5、在“ 新建 CSS 規(guī)則” 對(duì)話框中，指定要?jiǎng)?chuàng)建的 CSS 規(guī)則的選擇器類(lèi)型：

若要?jiǎng)?chuàng)建一個(gè)可作為 class 屬性應(yīng)用于任何 HTML 元素的自定義樣式，請(qǐng)從“ 選擇器類(lèi)型” 彈出菜單中選擇“ 類(lèi)” 選項(xiàng)，然后在“ 選擇器名稱(chēng)” 文本框中輸入樣式的名稱(chēng)。

若要定義包含特定 ID 屬性的標(biāo)簽的格式，請(qǐng)從“選擇器類(lèi)型”彈出菜單中選擇“ID”選項(xiàng)，然后在“選擇器名稱(chēng)”文本框中輸入唯一 ID。

若要重新定義特定 HTML 標(biāo)簽的默認(rèn)格式，請(qǐng)從“選擇器類(lèi)型”彈出菜單中選擇“標(biāo)簽”選項(xiàng)，然后在“選擇器名稱(chēng)”文本框中輸入 HTML 標(biāo)簽或從彈出菜單中選擇一個(gè)標(biāo)簽。

6、在“CSS規(guī)則定義”窗口中設(shè)置類(lèi)型、背景、區(qū)塊、方框、邊框、列表、定位、護(hù)展中所需設(shè)置的參數(shù)，然后點(diǎn)擊“確定”按鈕完成設(shè)置。

7、還可以在CSS樣式面板里設(shè)置。將插入點(diǎn)放在文檔中，在CSS樣式面板下面單擊“新建CSS規(guī)則”圖標(biāo)。再完成步驟6的設(shè)置。

8、在CSS屬性里設(shè)置類(lèi)型、背景、區(qū)塊、方框、邊框、列表、定位、護(hù)展中所需設(shè)置的參數(shù)。

以上就是dreamweaver cs5創(chuàng)建CSS規(guī)則的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注秀站網(wǎng)。

相關(guān)推薦：

Dreamweaver怎么顯示底部的屬性欄?

怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽?

Dreamweaver建立的站點(diǎn)怎么更改圖像的默認(rèn)文件夾位置?