- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
在 Dreamweaver CC 和更新版本中,CSS 樣式面板已由 CSS 設計工具所取代。如需詳細資訊,請參閱 CSS 設計工具。
Dreamweaver 中的 CSS 管理功能可讓您更輕鬆將 CSS 規則移動或匯出至不同的位置。您可以在文件之間移動規則、在文件檔頭和外部樣式表之間移動規則、在外部 CSS 檔案之間移動規則等等。
如果您嘗試要移動的規則與目標樣式表中的規則發生衝突,Dreamweaver 會顯示「相同名稱的規則已經存在」對話方塊。如果選擇要移動發生衝突的規則,Dreamweaver 會將移動的規則立即放置在目標樣式表中發生衝突規則的旁邊。
將 CSS 規則移動或匯出至新的樣式表
-
請執行下列其中一項作業:
在「CSS 樣式」面板中,選取要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「移動 CSS 規則」。若要選取多個規則,請使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 您要選取的規則。
在「程式碼」檢視中,選取您要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「CSS 樣式>移動 CSS 規則」。
註解:選取部分規則會導致改變整個規則的位置。
-
在「移至外部樣式表」對話方塊中,選取「新增樣式表」選項然後按一下「確定」。
-
在「另存樣式表檔案」對話方塊中,輸入新樣式表的名稱,然後按一下「儲存」。
當您按一下「儲存」時,Dreamweaver 會將您選取的規則儲存至新樣式表,並將該樣式表附加到目前的文件中。
註解:您也可以使用「編碼」工具列移動規則。只能在「程式碼」檢視中使用「編碼」工具列。
將 CSS 規則移動或匯出至現有的樣式表
-
請執行下列其中一項作業:
在「CSS 樣式」面板中,選取要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「移動 CSS 規則」。若要選取多個規則,請使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 您要選取的規則。
在「程式碼」檢視中,選取您要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「CSS 樣式>移動 CSS 規則」。
註解:選取部分規則會導致改變整個規則的位置。
-
在「移至外部樣式表」對話方塊中,從彈出式選單中選取現有的樣式表,或瀏覽到現有的樣式表然後按一下「確定」。註解:
彈出式選單中會顯示連結到目前文件的所有樣式表。
註解:您也可以使用「編碼」工具列移動規則。只能在「程式碼」檢視中使用「編碼」工具列。
以拖曳方式重新排列或移動 CSS 規則
-
在「CSS 樣式」面板 (「全部」模式) 中,選取某個規則並將它拖曳到想要的位置。您可以在樣式表內選取和拖曳規則,即可重新排列規則,或者將規則移到其他樣式表或文件檔頭。註解:
您可以一次移動多個規則,方法是使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 多個規則以進行選取。
移動規則之前先選取多項規則
-
在「CSS 樣式」面板中,使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 您要選取的規則。