共用方式為


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

若想要一或多個網頁使用定義於外部階層式樣式表 (CSS) 中的樣式,則必須將外部 CSS 附加到這些網頁。將 .css 檔案拖曳到 [設計] 檢視中開啟的網頁,即可將外部 CSS 附加到單一網頁。當您想要將外部 CSS 附加到多個網頁或附加到其他外部 CSS 時,或者當外部 CSS 位於網站外時,可以改用 [附加樣式表] 對話方塊。

當您不想讓網頁再使用已附加之外部 CSS 的樣式時,您可以使用 [套用樣式] 或 [管理樣式] 面板,以一個步驟從該網頁卸離 CSS。若想從多個網頁或整個網站卸離外部 CSS,可改用 [管理樣式表連結] 對話方塊。

important note重要訊息:

從網頁卸離外部 CSS 並不會移除網頁中對該外部 CSS 之樣式的參照;您必須自行移除樣式參照。建議您先尋找樣式參照,再卸離 CSS。如需詳細資訊,請參閱從內容中移除樣式

利用拖放動作將外部 CSS 附加到網頁

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

  2. 將 .css 檔案從 [資料夾清單] 面板或 [網站檢視] 拖曳至網頁。

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

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

    • 若要將 CSS 附加到單一網頁中,請開啟該網頁。

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

    • 若要將 CSS 附加到多個網頁,請在 [資料夾清單] 面板或 [網站檢視] 中,選取要使用 CSS 的網頁。

    • 若要將 CSS 附加到資料夾中的所有網頁,請在 [資料夾清單] 面板或 [網站檢視] 檢視的 [資料夾] 檢視中,選取資料夾。

    • 若要將 CSS 附加到不同的 .css 檔案,請開啟要附加 CSS 的 .css 檔案。

  2. 執行下列其中一項動作:

    • 在 [格式] 功能表上,指向 [CSS 樣式],然後按一下 [附加樣式表] Cc295288.5d809b90-3fca-43d8-a746-7ed01a162578(zh-tw,Expression.40).png

    • 在 [套用樣式] 或 [管理樣式] 面板中,按一下 [附加樣式表] Cc295288.5d809b90-3fca-43d8-a746-7ed01a162578(zh-tw,Expression.40).png

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

    使用此項 執行此作業

    URL

    指定 .css 檔案及其路徑。

    附加至

    選取要附加 CSS 的網頁:

    • 本頁:僅附加至開啟的網頁。

    • 所有 HTML 網頁:附加至開啟網站中的所有網頁。

    • 選取的網頁:僅附加至已在目前網站中選取的網頁。

    附加為

    選取附加方法:

    • 連結:使用 Link 元素。

    • 匯入:使用 @import 規則。

從網頁卸離外部 CSS

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

  2. 在 [套用樣式] 或 [管理樣式] 面板中,以滑鼠右鍵按一下 CSS 檔案 (例如,"ewd.css") 的名稱,並選取 [移除連結]。

從多個網頁卸離已連結的 CSS

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

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

    • 若要將已連結的 CSS 從多個網頁卸離,請在 [資料夾清單] 面板或 [網站檢視] 中選取網頁。

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

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

    Note注意:

    [連結樣式表] 對話方塊僅會列出已連結的 CSS 檔案,而不會列出已匯入的 CSS 檔案。一次只能從一個網頁卸離一個已匯入的 CSS,做法是使用 [套用樣式] 或 [管理樣式] 面板,或在 [程式碼] 檢視中,從每個網頁移除相關的 @import 規則。

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

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

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

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

  5. 按一下 [移除],然後按一下 [確定]。

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

  1. 開啟包含已匯入 CSS 的 .css 檔案。

  2. 刪除參照所要卸離之 CSS 檔案的 @import 規則。

另請參閱

工作

建立階層式樣式表

概念

使用樣式控制外觀
階層式樣式表參照
@import