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內容、參數面板的參數設置