HOW TO：使用 CSS 屬性視窗

更新：2007 年 11 月

[CSS 屬性] 視窗可讓您檢視和修改項目的階層式樣式表 (CSS) 樣式屬性。您可以在開啟的 Web 網頁、外部 CSS 檔案或 [管理樣式] 視窗上使用 [CSS 屬性] 視窗，以檢閱和變更現有樣式的屬性。

在 Web 網頁中，[CSS 屬性] 視窗可讓您查看目前選取的項目使用的所有樣式。您也可以查看這些樣式的優先順序，以及這些樣式的所有屬性和值。您可以在 [原始碼] 檢視和 [設計] 檢視中使用 [CSS 屬性] 視窗。

注意事項：
在 [CSS 屬性] 視窗中，您可以在 [套用的規則] 底下的選取器上按一下滑鼠右鍵，顯示快速鍵功能表，其中包含該選取器的其他樣式處理選項。

CSS 屬性視窗的概觀

[CSS 屬性] 視窗有四個主要區段，如下圖所示：

各區段如下所示：

排序按鈕：您可以使用視窗頂端的按鈕排序屬性清單。您可以依字母順序、依分類和依設定的屬性來排序清單。
摘要按鈕：您可以按一下 [摘要] 按鈕列出樣式的屬性，這些樣式全部會影響選取的項目。這個清單包含 [套用的規則] 區段中可能未出現的屬性。
套用的規則：列出影響網頁項目的所有樣式。越在清單下部的樣式擁有越高的優先權。如果從這個清單選取樣式，[CSS 屬性] 區段會列出其屬性。
CSS 屬性：對於 [套用的規則] 底下選取的樣式，使用這個區段檢視或設定樣式的 CSS 屬性。屬性上的紅色刪除線表示這些屬性未由目前選取項目繼承，或者已被另一個樣式覆寫。

您可以使用 [CSS 屬性] 視窗，為您在 [設計] 檢視、[原始碼] 檢視或 [分割] 檢視中選取的項目建立新樣式。您可以建立內嵌樣式，或顯示 [新樣式] 對話方塊，在網頁或 CSS 樣式表中建立樣式。

[套用的規則] 區段指出套用至項目的樣式規則。也指出這些規則是內嵌、在樣式表中或在目前網頁上。下列程序說明如何建立項目的新樣式。如果尚未套用樣式，[套用的樣式] 區段會顯示 [未套用規則]。

在設計工具中，選取您想要加入樣式規則的項目。

在 [原始碼] 檢視中，選取項目並加上開頭和結尾標記。在 [設計] 檢視中，選取項目，讓快顯標記顯示項目的名稱。
若要建立內嵌樣式，請在 [CSS 屬性] 視窗以滑鼠右鍵按一下 [套用的規則] 區段的任何位置，然後按一下 [新內嵌樣式]
若要將新樣式加入至網頁，請在 [CSS 屬性] 視窗以滑鼠右鍵按一下 [套用的規則] 區段的任何位置，然後按一下 [新樣式]。
在 [套用的規則] 清單中，選取項目、項目 ID 或項目 CSS 類別。
在 [CSS 屬性] 區段中，設定樣式屬性。

您可以使用 [CSS 屬性] 視窗，對單一項目或共用 CSS 類別的所有項目變更格式或樣式設定。

[CSS 屬性] 視窗可讓您查看套用至項目的所有樣式。您也可以查看已覆寫的樣式屬性。覆寫的樣式屬性以紅色刪除線顯示，表示該屬性未套用至目前選取的項目。

例如，項目可能同時套用內嵌樣式規則和樣式表中的樣式規則。在此情況下，內嵌樣式規則會覆寫樣式表規則。

注意事項：
如果將滑鼠指標移至顯示刪除線的屬性上，被覆寫的屬性的工具提示會指出被哪個屬性覆寫。