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

發行項
10/11/2017

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

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

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

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

在 [設計] 檢視中開啟網頁。
將 .css 檔案從 [資料夾清單] 工作窗格或 [網站] 視窗拖曳至網頁。

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

若要選取要附加 CSS 的檔案，執行下列其中一項動作：
- 若要將 CSS 附加到單一網頁中，請開啟該網頁。
- 若要將 CSS 附加到網站中的所有網頁，請開啟該網站。
- 若要將 CSS 附加到多個網頁，請在 [資料夾清單] 工作窗格或 [網站] 檢視中，選取要使用 CSS 的網頁。
- 若要將 CSS 附加到資料夾中的所有網頁，請在 [資料夾清單] 工作窗格或 [網站] 檢視的 [資料夾] 檢視中，選取資料夾。
- 若要將 CSS 附加到不同的 .css 檔案，請開啟要附加 CSS 的 .css 檔案。
執行下列其中一項動作：
- 在 [格式] 功能表上，指向 [CSS 樣式]，然後按一下 [附加樣式表] 。
- 在 [套用樣式] 或 [管理樣式] 工作窗格中，按一下 [附加樣式表] 。

在 [附加樣式表] 對話方塊中，執行下列動作：

使用此項	執行此作業
URL	指定 .css 檔案及其路徑。
附加至	選取要附加 CSS 的網頁：本頁：僅附加至開啟的網頁。所有 HTML 網頁：附加至開啟網站中的所有網頁。選取的網頁：僅附加至已在目前網站中選取的網頁。
附加為	選取附加方法：連結：使用 Link 元素。匯入：使用 @import 規則。

URL

指定 .css 檔案及其路徑。

附加至

選取要附加 CSS 的網頁：

本頁：僅附加至開啟的網頁。
所有 HTML 網頁：附加至開啟網站中的所有網頁。
選取的網頁：僅附加至已在目前網站中選取的網頁。

附加為

選取附加方法：

連結：使用 Link 元素。
匯入：使用 @import 規則。

從網頁卸離外部 CSS

在 [設計] 檢視或 [程式碼] 檢視中開啟網頁。
在 [套用樣式] 或 [管理樣式] 工作窗格中，以滑鼠右鍵按一下 CSS 檔案 (例如，"ewd.css") 的名稱，並選取 [移除連結]。

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

執行下列其中一項動作：
- 若要將已連結的 CSS 從網站中的所有網頁卸離，請開啟該網站。
- 若要將已連結的 CSS 從多個網頁卸離，請在 [資料夾清單] 工作窗格或 [網站] 檢視中選取網頁。
在 [格式] 功能表上，指向 [CSS 樣式]，然後按一下 [管理樣式表連結]。

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

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