如何使用 Dreamweaver 中的標籤選擇器定義樣式

您可以使用調用或 ID 選擇器在 Dreamweaver 中創建全新的樣式，但您也可以創建更改現有 HTML 標籤格式的樣式。這些樣式是使用標籤選擇器創建的，也稱為元素選擇器。當您使用標籤選擇器定義樣式時，您可以更改任何現有 HTML 標籤的外觀、位置和其他功能。

許多 HTML 標籤已經包含格式選項。例如，標題標籤包括使用大粗體字體設置文本樣式的格式。當您使用標籤選擇器創建樣式時，您必須考慮已與該標籤關聯的格式選項。您定義的任何選項都將添加到現有格式或覆蓋格式。

你可能會問，“為什麼我要重新定義

標籤而不是僅僅使用類或 ID 選擇器創建新的標題樣式？” 儘管您可以定義新的類樣式而不是重新定義 HTML 標記，但有時使用現有的 HTML 標記會更好。

標題樣式在網絡上尤其重要，因為文本格式為

標籤被公認為頁面上最重要的文本。除其他外，文本格式為

標籤可能會得到搜索引擎的特殊考慮。

創建重新定義 HTML 標記的樣式（例如

標籤），首先創建一個文件或打開一個現有的文件，然後按照以下步驟操作：

1在“CSS 設計器”面板的“選擇器”面板中，選擇要添加新樣式的樣式表。

當您為現有的 HTML 標記創建樣式時，您不需要像處理類和 ID 樣式那樣應用樣式本身。無論您在何處使用 HTML 標記，都會應用樣式定義設置。

2如果要將樣式定位到特定媒體類型或屏幕尺寸，請在@Media 面板中選擇或定義媒體查詢。

使用帶有樣式的媒體查詢是可選的。如果您不指定媒體查詢，Dreamweaver 將使用 Global 屬性，您的樣式將適用於所有媒體格式和屏幕尺寸。

3單擊“選擇器”面板中的加號 (+)。

一個新的選擇器被添加到“選擇器”面板中。

當您單擊加號 (+) 以創建新選擇器時，可能會發生一些事情，具體取決於在 Dreamweaver 中打開的頁面上已有的內容。第一次在空白網頁中創建樣式時，Dreamweaver 會在“選擇器”面板中輸入 body。

如果您處理的頁麵包含文本或其他內容的格式為 HTML 標籤或樣式，Dreamweaver 可能會根據您使用光標選擇的任何內容周圍的元素添加複合選擇器。

4在“選擇器”面板中，雙擊選擇器名稱。開始輸入 HTML 標記的名稱，然後從出現的下拉列表中選擇標記。

您可以輸入任何 HTML 標籤的名稱以使用標籤選擇器創建樣式。當您鍵入 HTML 標籤時，會出現一個下拉列表，其中包含以您鍵入的相同字母開頭的標籤。從列表中選擇所需的標籤而不是自己輸入整個標籤名稱是一種很好的做法，因為您可以避免拼寫錯誤。

5在“屬性”面板中，指定樣式規則中所需的設置。

字體和顏色會立即應用於頁面中以

標籤。

如果您希望能夠在同一頁面的不同部分使用具有不同格式的相同 HTML 標記，您可以創建複合樣式。複合樣式很方便，例如，如果您希望使用

標籤在頁面的主要部分看起來與在側邊欄中的不同。