使用手冊 取消

在 Dreamweaver 中移動 CSS 規則

 

 

註解:

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

Dreamweaver 中的 CSS 管理功能可讓您更輕鬆將 CSS 規則移動或匯出至不同的位置。您可以在文件之間移動規則、在文件檔頭和外部樣式表之間移動規則、在外部 CSS 檔案之間移動規則等等。

註解:

如果您嘗試要移動的規則與目標樣式表中的規則發生衝突,Dreamweaver 會顯示「相同名稱的規則已經存在」對話方塊。如果選擇要移動發生衝突的規則,Dreamweaver 會將移動的規則立即放置在目標樣式表中發生衝突規則的旁邊。

將 CSS 規則移動或匯出至新的樣式表

  1. 請執行下列其中一項作業:
    • 在「CSS 樣式」面板中,選取要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「移動 CSS 規則」。若要選取多個規則,請使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 您要選取的規則。

    • 在「程式碼」檢視中,選取您要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「CSS 樣式>移動 CSS 規則」。

    註解:

    選取部分規則會導致改變整個規則的位置。

  2. 在「移至外部樣式表」對話方塊中,選取「新增樣式表」選項然後按一下「確定」。
  3. 在「另存樣式表檔案」對話方塊中,輸入新樣式表的名稱,然後按一下「儲存」。

    當您按一下「儲存」時,Dreamweaver 會將您選取的規則儲存至新樣式表,並將該樣式表附加到目前的文件中。

    註解:

    您也可以使用「編碼」工具列移動規則。只能在「程式碼」檢視中使用「編碼」工具列。

將 CSS 規則移動或匯出至現有的樣式表

  1. 請執行下列其中一項作業:
    • 在「CSS 樣式」面板中,選取要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「移動 CSS 規則」。若要選取多個規則,請使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 您要選取的規則。

    • 在「程式碼」檢視中,選取您要移動的規則。以右鍵按一下選取範圍,然後在快顯選單中選取「CSS 樣式>移動 CSS 規則」。

    註解:

    選取部分規則會導致改變整個規則的位置。

  2. 在「移至外部樣式表」對話方塊中,從彈出式選單中選取現有的樣式表,或瀏覽到現有的樣式表然後按一下「確定」。
    註解:

    彈出式選單中會顯示連結到目前文件的所有樣式表。

    註解:

    您也可以使用「編碼」工具列移動規則。只能在「程式碼」檢視中使用「編碼」工具列。

以拖曳方式重新排列或移動 CSS 規則

  1. 在「CSS 樣式」面板 (「全部」模式) 中,選取某個規則並將它拖曳到想要的位置。您可以在樣式表內選取和拖曳規則,即可重新排列規則,或者將規則移到其他樣式表或文件檔頭。
    註解:

    您可以一次移動多個規則,方法是使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 多個規則以進行選取。

移動規則之前先選取多項規則

  1. 在「CSS 樣式」面板中,使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 您要選取的規則。

更快、更輕鬆地獲得協助

新的使用者?