在CSS樣式表中，我們可以創建一個CSS規則來自動完成HTML標簽的格式設置、class或者ID屬性所標識的文本范圍的格式設置。

　　一、使用Dreamweaver CS5創建新的CSS規則

　　1. 打開文檔，將光標移動到要插入CSS規則的位置上，然后選擇下面的任意一種方法打開“新建 CSS 規則”對話框。

　　點擊“格式”菜單，選擇“CSS樣式”命令，在彈出的菜單中選擇“新建”項，可以打開“新建 CSS 規則”對話框。如下圖所示：

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

　　如果想調整“CSS樣式”面板的大小。

　　在“文檔”窗口中選擇文本，點擊“窗口”菜單，選擇“屬性”項，在“屬性”面板中點擊左邊的“CSS”按鈕，打開“CSS 屬性”檢查器，在“目標規則”下拉框中選擇“<新 CSS 規則>”項，點擊“編輯規則”按鈕，也可以打開“新建 CSS 規則”對話框。如下圖所示：

　　2. 在“新建 CSS 規則”對話框中，設置要創建的CSS規則的選擇器類型。如下圖所示：

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

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

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

　　在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項，可以定義同時影響兩個或多個標簽、類或ID的復合規則。如，如果輸入div p，則<div>標簽內的所有<p>元素都將受此規則影響。

　　在“規則定義”中選擇“僅限該文檔”項，可以在在當前文檔中嵌入樣式。

　　在“規則定義”中選擇“新建樣式表文件”項，可以創建外部樣式表。

　　3. 單擊“確定”按鈕，即可創建一個新的CSS規則。