dw中如何格式化CSS程式碼

方法：1、點擊“編輯”選項，選擇“首選參數”；2、選取“程式碼格式”，然後點擊“進階格式設定”中的css；3、將“每個屬性位於單獨的行上」前面打上對勾；4、依序點選「確定」->「套用」；5、點選「指令」選項，再點選「套用來源格式」選項。

本教學操作環境：Windows7系統，Adobe Dreamweaver CS6版本，Dell G3電腦。

相關推薦：《dreamweaver教程》

首先，用DW打開一個已經寫好的css文件，看一下編輯好的，沒有格式化之前的程式碼的樣子。

     

然後，我們點選軟體視窗上方的「指令」選項，在彈出的選單中點選「套用來源格式」選項，就可以將我們的程式碼格式化。

     

格式化後，我們的每個class的屬性在一行中顯示，放不下後換行顯示。這是沒有對頁面進行設定時的格式化效果。

     

接下來，我們變更下css程式碼的格式，將css的屬性，設為單一屬性單行顯示。我們點擊編輯選項，在彈出的下拉式選單中選擇“首選參數”

     

我們在彈出的「首選項」對話方塊中選取分類中的「程式碼格式」 ，然後點選「進階格式設定」中的css

     

我們在css來源格式選項的對話方塊中，將「每個屬性位於單獨的行上」前面打上對勾，可以看到預覽的效果。

     

選取之後，點選“確定”，再點選“套用”，然後“關閉”，然後再套用css程式碼套用來源格式。程式碼就變成單一屬性一行了。

   

     

至此，格式化完成。

更多程式相關知識，請造訪：程式設計入門！ ！

以上是dw中如何格式化CSS程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！