php格式化代码 dw,dw中如何格式化CSS代码

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

6822622fa1674ff4e0664de67a53b316.png

本教程操作环境:Windows7系统,Adobe Dreamweaver CS6版本,Dell G3电脑。

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

0bf27aa15f6519ed3a5cf43be3785151.png

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

4a32b480647903bb9481c23a1ae8ca2d.png

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

e247e1d56d6890c5d5c094d8d01236b1.png

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

43ef9f1b562e254f5afde2f7a13d500b.png

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

348c1371307ec18001a1cfaa0824a44f.png

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

66dc282aa3d0091f411c192b7cf8bb9e.png

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

8e5df937509c9862068e5d6ccbad15ee.png

05e165305572eeda37ef5fe997b9db3e.png

至此,格式化完毕。

更多编程相关知识,请访问:编程入门!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值