Dreamweaver中CSS代码格式化

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

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

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

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

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

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

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

   

   

   至此&＃xff0c;格式化完毕。