使用設計階段樣式表可在 Dreamweaver 文件中工作時,顯示或隱藏由 CSS 樣式表所套用的設計。

註解:

在 Dreamweaver CC 和更新版本中,CSS 樣式面板已由 CSS 設計工具所取代。如需詳細資訊,請參閱 CSS 設計工具。

「設計階段」樣式表可以讓您在 Dreamweaver 文件中工作時,顯示或隱藏由 CSS 樣式表所套用的設計。例如,在設計頁面時,您可以使用這個選項來包含或排除 Macintosh 專用或 Windows 專用樣式表的效果。

「設計階段」樣式表只有在您是在文件中工作時才適用;當頁面在瀏覽器視窗中顯示時,只有實際附加或內嵌到文件中的樣式才會出現在瀏覽器中。

註解:

您也可以使用「樣式呈現方式」工具列來啟動或停用整個頁面的樣式。若要顯示工具列,請選取「檢視>工具列>樣式呈現方式」。不管工具列的其他媒體按鈕是否正在運作,「切換 CSS 樣式顯示」按鈕 (最右邊的按鈕) 都可讓您獨立使用。

若要使用設計階段樣式表,請遵循下面的步驟:

  1. 請執行下列其中一項作業,開啟「設計階段樣式表」對話方塊:
    • 在「CSS 樣式」面板中按一下右鍵,然後在快顯選單中選取「設計階段」。

    • 選取「格式 > CSS 樣式 > 設計階段」。

  2. 在對話方塊中,設定要顯示或隱藏所選取樣式表的選項。
    • 如果要在設計階段顯示 CSS 樣式表,請按一下「僅於設計階段時顯示」上方的加號 (+) 按鈕,然後在「選取樣式表」對話方塊中,瀏覽到要顯示的 CSS 樣式表。

    • 若要隱藏 CSS 樣式表,請按一下「設計階段時隱藏」上方的加號 (+) 按鈕,然後在「選取樣式表」對話方塊中,瀏覽到要顯示的 CSS 樣式表。

    • 若要從這兩種清單中移除樣式表,請按一下要移除的樣式表,然後按一下適當的減號 (-) 按鈕。

  3. 按一下「確定」關閉對話方塊。

    「CSS 樣式」面板會以選取的樣式表名稱進行更新,並且顯示「隱藏」或「設計」指示器來反映樣式表的狀態。

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

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