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内容、参数面板的参数设置