Dreamweaver 中CSS代碼格式化


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

    css代碼格式化設置屬性單行顯示
  •  

    然后,我們點擊軟件窗口上方的“命令”選項,在彈出的菜單中點擊“應用源格式”選項,就可以將我們的代碼格式化。

    css代碼格式化設置屬性單行顯示
  •  

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

    css代碼格式化設置屬性單行顯示
  •  

    接下來,我們更改下css代碼的格式,將css的屬性,設為單個屬性單行顯示。我們點擊編輯選項,在彈出的下拉菜單中選擇“首選項”

    css代碼格式化設置屬性單行顯示
  •  

    我們在彈出的“首選項”對話框中選中分類中的“代碼格式”,然后點擊“高級格式設置”中的css

    css代碼格式化設置屬性單行顯示
  •  

    我們在css源格式選項的對話框中,將“每個屬性位於單獨的行上”前面打上對勾,可以看到預覽的效果。

    css代碼格式化設置屬性單行顯示
  •  

    選中之后,點擊“確定”,再點擊“應用”,然后“關閉”,然后再次對css代碼應用源格式。代碼就變成單個屬性一行了。

    css代碼格式化設置屬性單行顯示
    css代碼格式化設置屬性單行顯示
     
     
     
    至此,格式化完畢。
     
     
     

        天津雍博科技有限責任公司

        歡迎大家訪問www.yongbosoft.com ,崇尚技術,為您提供完美產品,優質服務!

     

     


  • 免責聲明!

    本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



     
    粵ICP備18138465號   © 2018-2025 CODEPRJ.COM