附加或卸離外部階層式樣式表

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

當您要讓一個或多個網頁使用您在外部階層樣式表 (CSS) 中所定義的樣式時,必須將外部 CSS 附加至這些頁面。

您只要在 [設計] 檢視中將 .css 檔案拖曳至開啟的頁面上,就可以附加外部 CSS 至一個頁面上。如果要將外部 CSS 附加至多個頁面或另一個外部 CSS,或如果外部 CSS 不在您的網站中,則可以使用 [附加樣式表] 對話方塊。

您想要做什麼?

拖曳 [外部 CSS 附加至網頁

將外部 CSS 附加至一或多個網頁或.css 檔案

卸離外部 CSS

拖曳外部 CSS 以附加至網頁

  1. 在 [設計檢視] 中開啟網頁。

  2. 將 .css 檔案從 [資料夾清單] 中拖曳至頁面上。

頁面頂端

附加外部 CSS 至一或多個網頁或一個 .css 檔

  1. 若要選取要附加 CSS 的檔案,請執行下列其中一項動作:

    • 若要附加 CSS 至一個網頁,請開啟該頁面。

    • 若要附加 CSS 至網站中的所有網頁,請開啟該網站。

    • 若要附加 CSS 至多個頁面,請在 [資料夾清單] 中選取您要附加 CSS 的網頁。

      提示: 若要選取多個檔案,請按住 CTRL 鍵並按一下每個檔案。

    • 若要將 CSS 附加至另一個 .css 檔案,請開啟要附加的 .css 檔案。

  2. 在 [格式] 功能表上指向CSS 樣式],然後按一下 [附加樣式表 按鈕

    附註: 如果無法使用這個指令,請檢查目前的頁面是否附加至一個主頁面。您可能要開啟主頁面才能使用這個指令。

    提示: 在 [套用樣式] 或 [管理樣式] 工作窗格中,或在 [樣式] 工具列上,您也可以使用 [附加樣式表 按鈕 ] 按鈕。

  3. [附加樣式表] 對話方塊中,執行下列動作:

使用這個

作用

URL

指定 .css 檔案。

附加至

選取要附加 CSS 的頁面:

  • 本頁:只有開啟的網頁。

  • 所有 HTML 網頁:開啟的網站中所有的 HTML 頁面。

  • 選取的網頁:只有目前網站中所選取的網頁。

附加為

選取附加的方法:

  • 連結:使用「連結」元件。

  • 匯入:使用 @import 規則。

頁面頂端

卸離外部 CSS

當您不再需要網頁使用附加的外部 CSS 樣式時,可以使用 [套用樣式][管理樣式] 工作窗格,一個步驟就能將頁面和 CSS 卸離。當您要將外部 CSS 從多個網頁或整個網站中卸離,則可以使用 [管理樣式表連結] 對話方塊。

重要: 卸離外部 CSS 網頁上的並不會移除其樣式參照從您的網頁。如果您想要移除這些參照,請先卸離 CSS。如需有關如何移除樣式的詳細資訊,請參閱移除或刪除樣式

卸離網頁的外部 CSS

  1. 在 [設計] 檢視或 [程式碼] 檢視中,開啟網頁。

  2. [套用樣式][管理樣式] 工作窗格中,以滑鼠右鍵按一下 CSS 檔案的名稱,然後按一下 [移除連結]

    附註: 如果無法使用這個指令,請檢查目前的頁面是否附加至一個主頁面。您可能要開啟主頁面才能使用指令。

卸離多個網頁中的連結 CSS

  1. 請執行下列其中一項操作:

    • 若要將網站中所有頁面的連結 CSS 卸離,請開啟該網站。

    • 若要卸離多個網頁中的連結 CSS,請選取 [資料夾清單]

  2. 指向 [格式] 功能表中的 [CSS 樣式],然後按一下 [管理樣式表連結]

    附註: 如果無法使用這個指令,請檢查目前的頁面是否附加至一個主頁面。您可能要開啟主頁面才能使用這個指令。

  3. 請在 [連結樣式表] 對話方塊中的 [URL],按一下您要卸離的外部階層樣式表 (CSS) 的名稱。

    附註: 此處只會顯示連結的 CSS 檔案,而不會顯示匯入的 CSS 檔案。您可以使用 [套用樣式][管理樣式] 工作窗格,一次只卸離一個網頁中的匯入 CSS,或在 [程式碼] 檢視中移除每一個網頁的相關 @import 規則。

  4. 按一下下列其中一項:

    • [本頁] 只會卸離目前網頁中的 CSS。

    • [所有頁面] 會卸離目前網站中所有頁面的 CSS。

    • [選取的頁面] 只會卸離您在目前網站中選取頁面的 CSS。

  5. 按一下 [移除]。

將匯入的外部 CSS 從 .css 檔案中卸離

  1. 選取內含匯入之 CSS 的 .css 檔案。

  2. 刪除 @import 規則,此規則參照您要卸離的 CSS 檔。

頁面頂端

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×