dw中怎么格式化CSS代码

这篇文章主要介绍dw中怎么格式化CSS代码,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联专注于十堰郧阳网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供十堰郧阳营销型网站建设,十堰郧阳网站制作、十堰郧阳网页设计、十堰郧阳网站官网定制、微信小程序开发服务,打造十堰郧阳网络公司原创品牌,更为您提供十堰郧阳网站排名全网营销落地服务。

方法:1、点击“编辑”选项,选择“首选参数”;2、选中“代码格式”,然后点击“高级格式设置”中的css;3、将“每个属性位于单独的行上”前面打上对勾;4、依次点击“确定”->“应用”;5、点击“命令”选项,再点击“应用源格式”选项。

首先,用DW打开一个已经写好的css文件,看一下编辑好的,没有格式化之前的代码的样子。

dw中怎么格式化CSS代码    

然后,我们点击软件窗口上方的“命令”选项,在弹出的菜单中点击“应用源格式”选项,就可以将我们的代码格式化。

dw中怎么格式化CSS代码    

格式化后,我们的每个class的属性在一行显示,放不下后换行显示。这是没有对页面进行设置时的格式化效果。

dw中怎么格式化CSS代码    

接下来,我们更改下css代码的格式,将css的属性,设为单个属性单行显示。我们点击编辑选项,在弹出的下拉菜单中选择“首选参数”

dw中怎么格式化CSS代码    

我们在弹出的“首选项”对话框中选中分类中的“代码格式”,然后点击“高级格式设置”中的css

dw中怎么格式化CSS代码    

我们在css源格式选项的对话框中,将“每个属性位于单独的行上”前面打上对勾,可以看到预览的效果。

dw中怎么格式化CSS代码    

选中之后,点击“确定”,再点击“应用”,然后“关闭”,然后再次对css代码应用源格式。代码就变成单个属性一行了。

dw中怎么格式化CSS代码  

dw中怎么格式化CSS代码    

以上是“dw中怎么格式化CSS代码”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文标题:dw中怎么格式化CSS代码
URL地址:http://ybzwz.com/article/ghopsd.html