-
首先,用DW打开一个已经写好的css文件,看一下编辑好的,没有格式化之前的代码的样子。
-
然后,我们点击软件窗口上方的“命令”选项,在弹出的菜单中点击“应用源格式”选项,就可以将我们的代码格式化。
-
格式化后,我们的每个class的属性在一行显示,放不下后换行显示。这是没有对页面进行设置时的格式化效果。
-
接下来,我们更改下css代码的格式,将css的属性,设为单个属性单行显示。我们点击编辑选项,在弹出的下拉菜单中选择“首选项”
-
我们在弹出的“首选项”对话框中选中分类中的“代码格式”,然后点击“高级格式设置”中的css
-
我们在css源格式选项的对话框中,将“每个属性位于单独的行上”前面打上对勾,可以看到预览的效果。
-
选中之后,点击“确定”,再点击“应用”,然后“关闭”,然后再次对css代码应用源格式。代码就变成单个属性一行了。
至此,格式化完毕。
相关文章
- gulp-css-spriter 将css代码中的切片图片合并成雪碧图
- 前端人员从photoshop中获取css代码的方法
- Bootstrap css栅格 + 网页中插入代码+css表格
- WPF中任意Object的XAML代码格式化输出
- Dreamweaver DW中清除代码中多余空行的方法(去除空行)
- 网页中插入HTML、css、js等代码,美化(高亮)代码工具/插件
- 11 种 CSS 代码优化和格式化的工具 - Austin Liu\'s Fashion
- CSS样式写在JSP代码中的几种方法
- 在IntelliJ IDEA中配置Google Java Code Style及代码格式化快捷键
- css中margin重叠和一些相关概念(包含块containing block、块级格式化上下文BFC、不可替换元素 non-replaced element、匿名盒Anonymous boxes )