了解如何將 Dreamweaver 網頁連結至常見的外部 CSS 樣式表,讓您減少編輯工作和時間。

當您編輯外部 CSS 樣式表時,所有連結到這個 CSS 樣式表的文件都會更新,以反映這些編輯。您可以轉存文件中的 CSS 樣式,建立新的 CSS 樣式表,並且附加或連結到外部樣式表以套用樣式。

您可以將任何您所建立的樣式表附加到頁面中,或是複製到網站中。此外,Dreamweaver 隨附有預先建置的樣式表,可以自動移動到您的網站且附加到您的頁面。

  1. 請執行下列其中一項作業,開啟 CSS 設計工具:

    • 選取「視窗 > CSS 設計工具」。
    • 按 Shift+F11 鍵。
  2. 在 CSS 設計工具中,按一下「來源」旁邊的 + 圖示,然後選取「附加現有的 CSS 檔案」。

    附加現有的 CSS 檔案
    附加現有的 CSS 檔案

  3. 請執行下列其中一項作業:
    • 按一下「瀏覽」以導覽至外部 CSS 樣式表。

    • 將樣式表的路徑鍵入在「檔案/URL」方塊中。

  4. 在「增加成為」中,選取其中一個選項:
    • 若要建立目前文件與外部樣式表之間的連結,請選取「連結」。這樣將會在 HTML 程式碼中建立連結 href 標籤,並且參考到已發佈樣式表所在的 URL。Microsoft Internet Explorer 和 Netscape Navigator 都支援這種方式。

    • 您無法使用連結標籤,將外部樣式表中的參考新增到另一個樣式表。如果您想要巢狀化樣式表,則必須使用匯入指示詞。大部分瀏覽器也能辨識頁面內 (而不是只有樣式表內) 的匯入指示詞。當連結或匯入到頁面的外部樣式表中存在重疊尺標時,解決這兩種狀況中衝突屬性的方法有微妙的差異。如果您希望匯入 (而不是連結) 外部樣式表時,請選取「匯入」。

  5. 在「媒體」彈出式選單中,指定樣式表的目標媒體。

    如需關於媒體相關樣式表的詳細資訊,請參閱 World Wide Web Consortium 網站 (www.w3.org/TR/CSS21/media.html)。

  6. 按一下「預覽」按鈕,以確定樣式表有將您希望的樣式套用至目前的頁面。

    如果套用的樣式並非如您的預期,請按一下「取消」以移除樣式表。此頁面便會回復成之前的外觀。

  7. 按一下「確定」。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策