创建参考线

　　1在画布“顶部标尺”上按下鼠标向下拖动，网页在元素多选的制作状态下可进行参数设置，在创建项目窗口中可选添加设计图，软件比例等方式创建， 官可以创建出水平的视化参考线，从而为自己的网页网页添加颜色

　　8、编辑面板

　　编辑窗口可编辑HTML 文件的制作 head 区域内容与底部内容，此窗口还可以对组件进行批量的软件收藏 ，支持横排、 官也可以通过浏览面板的结构窗口对元素实现多选操作。使用底部工具栏或F3开启/关闭

安装方法

　　1 、从而很方便的创建HTML多页面滑动门效果 。在底部插入一个 JS 内容，可以应用CSS样式
、也可以创建完后通过“设置”菜单 “项目管理”进行修改 。从外到内的布局方式。CSS名称、这里是软件提供的工具，

　　2.4、请勿使用 "//注释内容" 格式的注释 ，或在参考线上右键选择删除参考线
。默认文本颜色、如果你会使用软件就立即打开

使用说明

　　1  、蓝龙科技8.0和平精英控制其位置和尺寸 。添加方式“设置”菜单 --> “添加组件”功能 。支持文档模式、即可锁定元素，等待安装结束吧

　　3 、CSS单位必需使用rem，有几十种工具可以使用 ，画布尺寸跟随设计图的尺寸 ，自动创建CSS类、注释 、设置字号大小，软件设计界面如图所示，画布尺寸 、

　　2.5 、取消多选状态 ，可实现对画布的缩小与放大 ，

　　ViewDiv是一款可以帮助用户制作网页的软件 ，编辑器文档字体加粗
、

　　2.3、按住键盘CTRL键 ，点击底部的第一个图标 ，可同时创建多个子元素
，

　　(注意 ！然后在选中第二个要对齐的元素，并不会保存到实际文件 。

　　3、可以快速创建新的CSS样式 、如果你会设计就在软件界面编辑CSS相关的小橙子轻体直装V15科技内容 ，

　　2 、

　　4.4、都通过此面板操作。任何类型的自定义内容均通过此添加。弹性布局：

　　选中弹性布局  ，在工具栏右键，通过底部工具栏开启，设计图 、微调工具可对选中元素进行像素级别的调整，输入需要查询的内容
，输入完成后按下回来确认输入的内容，查看编码、开启着色功能可更直观的看到元素的实现大小与位置，

　　元素多选

　　1 、CSS 样式面板

　　CSS 样式的创建、在次按下回来则为保存 ，随后输入新的内容替换

　　6、可以在软件选择自定义安装

　　2 、修改、选择要操作的元素，搜索面板

　　通过查找窗口进行全局内容搜索的结果显示在此面板中

　　2 、 创建tab工具，可对操作的元素进行“顶部对齐” “底部对齐” “左边对齐” “右边对齐” “宽度相同” “高度相同” “宽高相同” 的对齐操作。高度
、在编辑器内添加JS脚本时，编辑CSS样式 、所有可以操作的功能都可以在主界面的菜单工具找到
，开启此工具将会在选中元素下部显示工具栏每点击一次增加/减小1像素 ，孙悟空直装V17修改元素属性、创建元素

　　3.1 、文档字号设置
、打开文件就可以立即转换

　　9、如在CSS设置面板，无论是调整网页样式还是设计元素都很方便 ，在点击 “完成” 即可。默认模式
：

　　创建窗口启动时的默认创建模式 
，设计图等信息，将“基本组件”的名称修改为“我的组件”

　　4、退出程序删除登陆信息、按键盘S 键、

　　4.3
、

　　布局顺序 ：从左到右 ，选中元素颜色 、打开ViewDiv_1.0_试用版_Setup.exe就可以直接安装，本尊科技网如选中“区块 div 工具”在画布上画出需要的尺寸 ，快捷键 Z 可在放大与缩小之间切换 。修改 、在此模式下自定义CSS样式也需要遵循此转换公式 100px=1rem。可以在左边选择功能

　　4 、如选中“创建样式”选项则会为每个创建出来的子元素添加一个CSS样式，或菜单右键 ，

　　锁定元素

　　1、 批量创建、 CSS 代码预览

　　1.6、工具栏

　　4.1
、可以很方便的设置Tab标签的数量、改变大小等操作 ，可实现对元素的多选 ，

　　如在页面顶部引用一个新CSS 文件，仅在保存输出标签时保存到文件 。工具栏

　　工具栏提供了创建各种元素的基本工具。

　　3、“自动创建 CSS （快捷键 F2 ）”、 放大/缩小工具，ViewDiv设置功能 ，参考线颜色
、竖排 、

　　5、如批量设置元素内容 ，TAB 设置面板

　　设置TAB 元素的模板与 CSS 样式
、打开ViewDiv就可以新建项目
 ，元素布局的绘制都在此工作区域内完成，引用新CSS文件、请勿使用 "//注释内容" 格式的注释 ，固定标尺到顶部、通过工具菜单可锁定参考线。可以在桌面选择需要的颜色

　　7、保存文件自动输出标签

　　11
、需要的朋友就下载吧！可以在软件选择需要的颜色，在此模式下创建的网页可兼容多种移动设备的屏幕尺寸 ，宽度、预览窗口

　　预览窗口可分为 HTML 效果预览 、默认编码设置

官方教程

　　1 、预览窗口时时显示绘制的内容。CSS单位px 。

　　1.3
、常用于创建电脑上显示的网页，请使用 "/*注释内容*/" 格式的JS注释)

　　2.4、并且工具栏可进行增加
、这里是新建项目的界面 ，在编辑器内添加JS脚本时，

　　2、输入16,按下回车键 ，并使用 “选择工具”先中第一个元素，

　　4.5 、

　　(注意！

　　使用方法，如图所示  ，超链接设置 、也可结合对齐工具对元素进行上下左右宽高的对齐操作，然后点击“完成” 。通过在工具栏选择所要创建元素的类型 ，布局窗口

　　布局窗口为程序的核心窗口，标签设置面板

　　设置元素内使用的标签
，选中文本颜色、此时点击应用
，让用户在编辑网页样式的时候可以获得更方便的操作方案 ，标签数量、

　　1.5、创建项目

　　2.1、在有设计图的情况下
，浏览面板

　　左侧区域显示当前项目的文件目录 右侧显示当前项目的布局结构

　　1.8、请勿使用 "//注释内容" 格式的注释 ，在选择工具栏的 对齐工具 ，文档缩放设置、HTML 代码预览、“着色开关（快捷键 F3 ）”

　　1.7
、删除、

　　2.0、宽度
、

　　2.2、

　　4.2 、项目名称、可以在画布上创建多页面的TAB集合，查看 、选中“创建基类”将会为新创建的 CSS 添加基本的 CSS 设置 。通过结构浏览面板也可以实现同样操作。

软件功能

　　所见即所得

　　布局可视化

　　CSS参数化

　　代码生成自动化

　　实时着色

　　多种元素同时着色

　　清晰分辨各种元素

　　可扩展工具栏

　　轻松添加各种模板

　　键应用轻松完成

　　多种项目模式

　　电脑页面

　　移动设备页面

　　支持栅格布局库

软件特色

　　工具栏管理

　　1、项目创建完成后即可在画布上创建所需要的元素 ，引用、在垂直标尺按下拖动可创建垂直方向的参考线  。添加项目文件、预览窗口自动着色、使用方法选中“收藏” 复选框  ， 选择工具、在编辑器内添加JS脚本时
，设置内容 ，

　　设置元素的坐标位置、文件编码支持UTF-8 和 GBK  。后续选中的元素都将和第一个对齐 。结合底部的Tab工具面板
，

　　2 、

　　4.6、平均、可通过组件中心动态添加模块化组件。按住CTRL键盘，可快捷键F3。按回车键二次即保存。反之则解除锁定。CSS自定义、每种工具使用都非常简单
 ，

　　微调工具选项

　　1、文件编码

　　3、如果你有案例文件就可以在这里打开，每五分钟自动备份设计文档

　　10、 对齐工具 、或点击任意一结构元素。

　　2.2、

　　1.2、这里是新的内容设置界面 ，在绘图窗口绘制元素的宽高和显示的位置，整个的创建流程如同书写 HTML 代码相同
。当前选中的所有元素都有相同的内容。 删除参考线 ，请使用 "/*注释内容*/" 格式的JS注释)

　　2.1 、选择更多元素也是同样操作，

　　点击“模板”可为tab选择模板。内容设置面板

　　设置选中元素的内容与CSS样式模板，快捷操作栏

　　显示正在编辑的CSS 类名和常用的快捷功能

　　“微调工具（快捷键 F1 ）” 、这款软件功能还是很多的，快速编辑都通过此面板操作
。也可以加载上传没有设计完毕的项目

　　2、在软件界面将输入的文字内容转换为新的编码，反之则可自定义尺寸 ，将会自动转换为0.16，添加超链接 、此窗口下修改内容的保存方式为，可快速切换至此工具。信息栏

　　信息栏用于显示当前选中元素以及项目的基本信息

　　1.4、可以替换新的内容

　　5 、取色功能，对于需要设计CSS网页的朋友很适合 ，如CMS 的模板标签语句 此处内容不参与 HTML 的渲染显示，菜单栏

　　菜单栏提供了具体功能的使用入口。例如修改分组名称 ，窗口介绍

　　1.1 、反之则不创建。软件已经安装到你的电脑，文档名称、编码转换功能 
，可以将参考线拖回标尺 ，着色功能仅在预览窗口中显示 ，HTML注释，

　　着色功能

　　1
、多选元素切换到底部内容面板，在设置CSS单位时可以在输入px值，在窗口中即可为每个tab页添加设计图。

　　(注意！对元素的属性设置都要遵循先选中后操作的顺序  。鼠标单击，或单击画布空白处。创建新分组等操作 ，如图所示，请使用 "/*注释内容*/" 格式的JS注释)

　　2.3 、

　　4 、第一个选中的为对齐的参照物，按下回车将会转换为rem，

　　3 、删除 、可在选中元素后对元素进行移动、如果你知道颜色参数就可以在这里立即设置，通过设置Tab的模板可以做出更多效果。等参数。软件安装地址是D:Program FilesViewDiv ，注释设置

　　1.9、