附加或卸離外部階層式樣式表
若想要一或多個網頁使用定義於外部階層式樣式表 (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 規則。
從網頁卸離外部 CSS
在 [設計] 檢視或 [程式碼] 檢視中開啟網頁。
在 [套用樣式] 或 [管理樣式] 工作窗格中,以滑鼠右鍵按一下 CSS 檔案 (例如,"ewd.css") 的名稱,並選取 [移除連結]。
從多個網頁卸離已連結的 CSS
執行下列其中一項動作:
若要將已連結的 CSS 從網站中的所有網頁卸離,請開啟該網站。
若要將已連結的 CSS 從多個網頁卸離,請在 [資料夾清單] 工作窗格或 [網站] 檢視中選取網頁。
在 [格式] 功能表上,指向 [CSS 樣式],然後按一下 [管理樣式表連結]。
在 [連結樣式表] 對話方塊的 [URL] 清單中,按一下要卸離之外部階層式樣式表 (CSS) 的名稱。
注意事項: [連結樣式表] 對話方塊僅會列出已連結的 CSS 檔案,而不會列出已匯入的 CSS 檔案。一次只能從一個網頁卸離一個已匯入的 CSS,做法是使用 [套用樣式] 或 [管理樣式] 工作窗格,或在 [程式碼] 檢視中,從每個網頁移除相關的 @import 規則。
按一下下列其中一項:
[本頁] 只會從目前的網頁卸離 CSS。
[所有網頁] 會從目前網站中的所有網頁卸離 CSS。
[選取的網頁] 只會從已在目前網站中選取的網頁卸離 CSS。
按一下 [移除],然後按一下 [確定]。
從 .css 檔案卸離已匯入的外部 CSS
開啟包含已匯入 CSS 的 .css 檔案。
刪除參照所要卸離之 CSS 檔案的 @import 規則。