ViewDiv
ViewDiv安装教程
ViewDiv 是款高效可视化的网页布局软件，支持自动创建基本的 CSS 样式，一定程度上降低了开发者的工作难度，具有布局可视化、CSS 样式参数化、代码生成自动化的等特色，所见即所得，支持电脑页面、移动设备页面、栅格布局库等多多种项目模式。
ViewDiv 特色
所见即所得
布局可视化
CSS 参数化
代码生成自动化
实时着色
多种元素同时着色
清晰分辨各种元素
可扩展工具栏
轻松添加各种模板
键应用轻松完成
多种项目模式
电脑页面
移动设备页面
支持栅格布局库
ViewDiv 安装教程
1.到本站下载安装 ViewDiv，打开安装程序，点击自定义安装
2.点击更改目录选择软件安装位置
3.稍等片刻
4.安装完成，开始使用吧
ViewDiv 使用教程
如何编辑 CSS 样式？
1.在文件名称的右侧 点击“编”按钮即可使用快速编辑功能
2.选中 CSS 内容使用文本编辑模式即可弹出 CSS 编辑窗口
3.在 CSS 编辑器右键，选择“编辑”，可编辑当前位置的 CSS 类
ViewDiv 快捷键说明
全局快捷键
CTRL+C 复制选中文字
CTRL+V 粘贴文字
CTRL+F 查找
CTRL+D 下载编辑器选择的远程文件
CTRL+Z 撤销当前元素位置的改变或撤销当前文档输入
CTRL+S 保存文件
CTRL+P 创建项目
CTRL+O 打开项目
CTRL+N 新建文件
CTRL+E 或双击 编辑当前元素引用的 CSS
选中元素并且鼠标在绘图窗口
S 选择工具
D 创建 DIV 工具
U 创建 UI 工具
L 创建 LI 工具
I 创建 IMG 工具
F1 开启 / 关闭 微调
F2 开启 / 关闭 自动显示 BT 模式窗口
F3 开启 / 关闭 预览着色
F4 开启 / 关闭 BT 编辑
F5 修改当前引用的 CSS 类名称
ESC 保存 CSS 内容、参数面板的参数设置
更新日志
修复参考线删除时崩溃bug
优化悬浮工具显示逻辑
优化程序大小减少了20%!
修复其它崩溃bug
