使用 Dreamweaver 樣本樣式表

請將 Dreamweaver 樣本樣式表套用至您的頁面,或用來做為起點以開發自己的樣式。

註解:

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

Dreamweaver 提供了樣本樣式表,您可以套用至您的頁面,或用來做為起點以開發自己的樣式。

  1. 請執行下列其中一項作業,開啟「CSS 樣式」面板:
    • 選取「視窗>CSS 樣式」。

    • 按下 Shift + F11 鍵。

  2. 在「CSS 樣式」面板中,按一下「附加外部樣式表」按鈕 (按鈕位於面板的右下角)。
  3. 在「附加外部樣式表」對話方塊中,按一下「樣本樣式表」。
  4. 從「樣本樣式表」對話方塊中的清單方塊選取樣式表。

    當您選取清單方塊中的樣式表時,「預覽」窗格中便會顯示所選樣式表的文字和顏色格式。

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

    如果套用的樣式並非如您的預期,請從清單中選取另一份樣式表,再按一下「預覽」以套用這些樣式。

  6. 依預設值,Dreamweaver 會將樣式表儲存在名為 CSS 的資料夾中,該資料夾就在您為頁面所定義的網站根目錄下方。如果該資料夾不存在,Dreamweaver 便會建立此資料夾。按一下「瀏覽」,再瀏覽至另一個資料夾,即可將檔案儲存到另一個位置。
  7. 當找到格式化尺標符合您的設計準則的樣式表時,按一下「確定」。
Adobe 標誌

登入您的帳戶