修改樣式

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

如果想要編輯外部、內置或內部階層式樣式表 (CSS) 中的樣式屬性,可以從 [CSS 內容] 工作窗格或 [套用樣式] 工作窗格開始著手。[套用樣式] 工作窗格可讓您編輯目前網頁的樣式表中所含的任何樣式,即使是網頁沒有使用的樣式也可以。[CSS 內容] 工作窗格只能讓您編輯目前網頁所使用的樣式、可在 [程式碼] 檢視中選取的樣式,或開啟的外部 .css 檔中的任何樣式。

附註: 如果您想要重新命名某個類別樣式,並同時更新該樣式的所有參照,請使用 [套用樣式][管理樣式][CSS 內容] 工作窗格中的 [重新命名類別]。如果您使用 [修改樣式]對話方塊來重新命名某個類別樣式,該樣式的參照並不會更新。無論您是使用哪一種方法來重新命名識別碼樣式,或變更任何一種樣式的選取器類型,該樣式的參照都不會更新;您必須手動更新這些參照。

您想要做什麼?

重新命名類別為基礎的樣式

使用 [CSS 屬性] 工作窗格的 [修改樣式

使用 [修改樣式] 對話方塊中修改樣式

重新命名類別樣式

  1. 開啟內含 CSS 的網頁 (此 CSS 中含有您要修改的類別樣式)。

  2. 請執行下列其中一項:

    • [套用樣式] 工作窗格中,指向類別樣式,按一下向下箭號,然後按一下 [重新命名類別]

    • [管理樣式] 工作窗格或 [CSS 內容] 工作窗格中,以滑鼠右鍵按一下類別樣式,然後按一下 [重新命名類別]

  3. [重新命名類別] 對話方塊的 [新名稱] 方塊中,輸入類別的新名稱。不需要在新類別名稱之前輸入句號 (.)。

  4. 若要更新類別的全部現有參照中的類別名稱,請按一下 [重新命名使用此樣式表之 (#) 個檔案中的類別參照]

  5. 按一下 [確定]

頁面頂端

使用 [CSS 屬性] 工作窗格的 [修改樣式

  1. 開啟某個使用您要修改之樣式的網頁。

  2. [CSS 內容] 工作窗格中,如果您要修改的樣式沒有出現在 [套用的規則] 清單中,請將游標放在內容中,或選取使用您要修改之樣式的內容。

  3. [套用的規則] 清單中,按一下您要修改之樣式的名稱。

  4. [CSS 內容] 工作窗格的 [CSS 內容] 區段中,設定您要的屬性。

頁面頂端

使用 [修改樣式] 對話方塊中修改樣式

  1. 開啟內含 CSS 的任何網頁 (此 CSS 中含有您要修改的樣式)。

  2. 請執行下列其中一項:

    • 若要修改以類別、元素或識別碼為基礎的樣式,請指向 [套用樣式] 工作窗格中的樣式,按一下向下箭號,然後按一下 [修改樣式]

    • 若要修改內置樣式,請將游標放在內容中,或選取使用該樣式的內容,指向 [套用樣式] 工作窗格中的樣式,按一下向下箭號,然後按一下 [修改樣式]

    • [CSS 內容] 工作窗格的 [套用的規則] 清單中,以滑鼠右鍵按一下樣式,然後按一下 [修改樣式]。如果您要修改的樣式沒有出現在此工作窗格的 [套用的規則] 清單中,請將游標放在內容中,或選取使用您要修改之樣式的內容。

  3. 若要變更樣式的名稱與選取器類型,請在 [修改樣式] 對話方塊的 [選取器] 方塊中,執行下列其中一項:

    附註: 除非您是建立複雜的選取器,否則類別與識別碼選取器名稱不能包含空格。

    • 若要使用元素選取器,請按一下 [選取器] 下拉式方塊上的某個元素名稱。

    • 若要使用識別碼選取器,請先輸入數字符號 (#) 後面再接著唯一名稱。

    • 若要使用內置選取器,請按一下 [選取器] 方塊功能表上的 [內置樣式]

    • 若要使用類別選取器,請先輸入句號 (.) 後面再接著唯一名稱。

      附註: 若要重新命名現有類別為基礎的樣式,並自動更新該樣式任何現有的參照,使用 [程序前一節重新命名類別為基礎的樣式

  4. [類別] 方塊中,按一下下列其中一項,並設定您要格式化的屬性:

    • [字型] 可設定字型屬性,包括大小、粗細、裝飾和色彩。

    • [區塊] 可設定行高、文字對齊方式、文字縮排,以及文字間距。

    • [背景] 可設定背景色彩以及背景圖像屬性。

    • [框線] 可設定框線與其屬性。

    • [方塊] 可設定方塊以及區塊階層元素的邊框距離與邊界屬性。

    • [位置] 可設定方塊以及區塊階層元素的尺寸與位置。

    • [版面配置] 可設定方塊以及區塊階層元素的可視性、浮動與換行行為、裁剪與其他版面配置屬性。

    • [清單] 可設定清單元素的屬性,包括類型、位置與圖像。

    • [表格] 可設定表格相關元素的屬性,包括間距、版面配置、框線屬性。

  5. 按一下 [確定]

頁面頂端

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×