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