使用套用樣式工作窗格

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

您可以在 [套用樣式] 工作窗格中套用、移除、修改、重新命名和刪除樣式;附加或卸離外部的階層式樣式表 (CSS);選取某樣式的所有例項;以及前往包含某樣式規則集的程式碼。[套用樣式] 工作窗格會根據各樣式的規則顯示樣式,方便您查看樣式的視覺外觀,快速找出您要使用的樣式。

本文內容

關於 [套用樣式] 工作窗格

在 [套用樣式] 工作窗格中符號

在 [套用樣式] 工作窗格中的樣式清單排序

顯示或隱藏 [套用樣式] 工作窗格中的樣式

不包含背景屬性規則的樣式套用樣式工作窗格中顯示彩色的背景

關於 [套用樣式] 工作窗格

當您開啟網頁時,[套用樣式] 工作窗格會列出所有網頁階層式樣式表 (包括外部、內置和內部 CSS) 中定義的樣式。類別基本樣式和識別碼基本樣式會顯示在包含該樣式的外部 .css 檔案名稱底下,或是顯示在 [本頁] 中 (如果該樣式是內部 CSS)。元素基本樣式使用相同的組織方式,不過會顯示在名為 [內容選取器] 的個別標題底下,位於類別和識別碼基本樣式清單下方。您可以設定工作窗格列出所有樣式,或是限制它只列出目前網頁或網頁目前選取範圍之中所使用的樣式。不論您選取了上述哪些選項,要將元素基本樣式和內置樣式顯示在工作窗格中,必須將滑鼠游標放在使用該樣式的內容,或是選取使用該樣式的內容。

[套用樣式][管理樣式] 工作窗格都使用轉譯網頁的結構來決定樣式參考。這代表 [套用樣式][管理樣式] 工作窗格都將主版頁面及其內容網頁視為單一摺疊頁面。例如,如果您在開啟內容網頁後選取 [選項] 按鈕上的 [顯示目前網頁使用的樣式][套用樣式] 會同時顯示內容網頁及其所屬主版頁面上使用的所有樣式。這是因為瀏覽器中轉譯的頁面,是由內容網頁和主版頁面合併而成。

您可以對 [套用樣式] 工作窗格中顯示的樣式清單進行排序,同時也可將清單顯示內容限於目前網頁或目前選取範圍中使用的樣式。如果有某個特定樣式在工作窗格白色的背景上難以顯示,您可以選取色彩,在工作窗格中為不具背景屬性的樣式加上彩色背景。

提示: 如果要暫時顯示某樣式在 [工具提示] 中的所有規則,請在 [套用樣式] 工作窗格中指向該樣式。

[套用樣式] 工作窗格

1. [清除樣式] 會從目前選取範圍中移除所有類別基本樣式和內置樣式。

2. [本頁] 會根據內部 CSS 以及匯入的外部 CSS 檔案,列出類別和識別碼基本樣式。

3. 已匯入目前網頁的外部 CSS 檔案。

4. 在目前網頁中內部 CSS 定義的一個樣式。

5. 從目前網頁連結的外部 CSS 檔案。

6. 以實心矩形框線包住目前選取範圍中使用的樣式。

7. [內容選取器] 列出目前選取範圍中使用的元素基本樣式。

8. 在已連結的外部 CSS 檔案 (events.css) 中包含的類別和識別碼基本樣式。

9. 每一個樣式都有一個下拉式功能表,可以執行許多樣式相關工作。您可以指向樣式並按一下箭號,或是用滑鼠右鍵按一下樣式。

頁面頂端

在 [套用樣式] 工作窗格中符號

[套用樣式] 工作窗格中,每一個樣式旁邊都會顯示符號,用來識別樣式類型以及該樣式是否用於目前網頁。

符號

描述

顯示在識別碼基本樣式旁的紅色圓點

顯示在識別碼基本樣式旁的紅色圓點。

顯示在類別基本樣式旁的綠色圓點

顯示在類別基本樣式旁的綠色圓點。

顯示在元素基本樣式旁的藍色圓點

顯示在元素基本樣式旁的藍色圓點。

顯示在內置樣式旁的黃色圓點

顯示在內置樣式旁的黃色圓點。

顯示在已使用樣式旁的綠色圓點

在彩色圓點之外顯示一個圈圈,代表該樣式已用於目前網頁。

顯示在匯入的 CSS 旁的 @ 符號

在匯入的外部階層式樣式表旁邊顯示 @ 符號。

頁面頂端

在 [套用樣式] 工作窗格中的樣式清單排序

  • [套用樣式] 工作窗格中,按一下 [選項],然後執行下列其中一項操作:

    • 如果要根據 CSS 中顯示的樣式順序列出樣式,請選取 [依順序分類]

    • 如果要依字母順序並根據樣式類型 (類別或識別碼) 列出樣式,請選取 [依類型分類]

頁面頂端

顯示或隱藏 [套用樣式] 工作窗格中的樣式

  • [套用樣式] 工作窗格中,按一下 [選項],然後執行下列其中一項操作:

    • 如果要列出目前網頁的外部、內部和內置 CSS 中包含的所有樣式,請選取 [顯示所有樣式]

    • 如果只要列出目前網頁中使用的樣式,請選取 [顯示目前網頁使用的樣式]

    • 如果只要列出網頁上目前選取範圍中使用的樣式,請選取 [顯示選取範圍使用的樣式]

      附註: 若要將元素基本樣式和內置樣式顯示在 [套用樣式] 工作窗格中,必須將滑鼠游標放在使用該樣式的內容,或是選取使用該樣式的內容。

頁面頂端

不包含背景屬性規則的樣式套用樣式工作窗格中顯示彩色的背景

  1. [套用樣式] 工作窗格中,按一下 [選項],然後選取 [預覽背景色彩]

  2. [其他色彩] 對話方塊中選取色彩,然後按一下 [確定]

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×