在CSS樣式表中，我們可以創(chuàng)建一個(gè)CSS規(guī)則來自動(dòng)完成HTML標(biāo)簽的格式設(shè)置、class或者ID屬性所標(biāo)識(shí)的文本范圍的格式設(shè)置。

　　一、使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則

　　1. 打開文檔，將光標(biāo)移動(dòng)到要插入CSS規(guī)則的位置上，然后選擇下面的任意一種方法打開“新建 CSS 規(guī)則”對(duì)話框。

　　點(diǎn)擊“格式”菜單，選擇“CSS樣式”命令，在彈出的菜單中選擇“新建”項(xiàng)，可以打開“新建 CSS 規(guī)則”對(duì)話框。如下圖所示：

　　打開“CSS樣式”面板，單擊面板右下角的“新建 CSS 規(guī)則”按鈕。也可以打開“新建 CSS 規(guī)則”對(duì)話框。如下圖所示：

　　如果想調(diào)整“CSS樣式”面板的大小。

　　在“文檔”窗口中選擇文本，點(diǎn)擊“窗口”菜單，選擇“屬性”項(xiàng)，在“屬性”面板中點(diǎn)擊左邊的“CSS”按鈕，打開“CSS 屬性”檢查器，在“目標(biāo)規(guī)則”下拉框中選擇“<新 CSS 規(guī)則>”項(xiàng)，點(diǎn)擊“編輯規(guī)則”按鈕，也可以打開“新建 CSS 規(guī)則”對(duì)話框。如下圖所示：

　　2. 在“新建 CSS 規(guī)則”對(duì)話框中，設(shè)置要?jiǎng)?chuàng)建的CSS規(guī)則的選擇器類型。如下圖所示：

　　在“選擇器類型”中選擇“類(可應(yīng)用于任何 HTML 元素)”項(xiàng)，可以創(chuàng)建一個(gè)用class屬性聲明的應(yīng)用于任何HTML元素的類選擇器。然后在“選擇器名稱”文本框中輸入類名稱。類名稱必須以句點(diǎn)(.)開頭，能夠包含任何字母和數(shù)字(如：.blue)。

　　在“選擇器類型”中選擇“ID(僅應(yīng)用于一個(gè) HTML 元素)”項(xiàng)，可以創(chuàng)建一個(gè)用id屬性聲明的僅應(yīng)用于一個(gè)HTML元素的id選擇器。然后在“選擇器名稱”文本框中輸入ID號(hào)。ID必須以井號(hào)(#)開頭，能夠包含任何字母和數(shù)字(如：#one)。

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

　　在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項(xiàng)，可以定義同時(shí)影響兩個(gè)或多個(gè)標(biāo)簽、類或ID的復(fù)合規(guī)則。如，如果輸入div p，則<div>標(biāo)簽內(nèi)的所有<p>元素都將受此規(guī)則影響。

　　在“規(guī)則定義”中選擇“僅限該文檔”項(xiàng)，可以在在當(dāng)前文檔中嵌入樣式。

　　在“規(guī)則定義”中選擇“新建樣式表文件”項(xiàng)，可以創(chuàng)建外部樣式表。

　　3. 單擊“確定”按鈕，即可創(chuàng)建一個(gè)新的CSS規(guī)則。