ViewDiv的教程

完美者（wmzhe.com）网站以软件下载为基础，改版后的网站对功能性板块进行扩充，以期能够解决用户在软件使用过程中遇见的所有问题。网站新增了“软件百科”、“锦囊妙技”等频道，可以更好地对用户的软件使用全周期进行更加专业地服务。

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

"锦囊妙技"栏目是聚合全网软件使用的技巧或者软件使用过程中各种问题的解答类文章，栏目设立伊始，小编欢迎各路软件大神朋友们踊跃投稿，在完美者平台分享大家的独门技巧。

本站文章素材来源于网络，大部分文章作者名称佚失，为了更利于用户阅读和使用，根据需要进行了重新排版和部分改编，本站收录文章只是以帮助用户解决实际问题为目的，如有版权问题请联系小编修改或删除，谢谢合作。