ViewDiv破解版是一款功能豐富簡單實(shí)用的專業(yè)網(wǎng)頁制作軟件，能夠幫助用戶輕松制作出高質(zhì)量的網(wǎng)頁界面，為用戶的網(wǎng)頁設(shè)計工作提供了幫助。軟件提供了快速創(chuàng)建新的CSS樣式、可以應(yīng)用CSS樣式、引用新CSS文件、編輯CSS樣式等功能，滿足用戶的各種網(wǎng)頁制作功能需求。

【軟件功能】

　　1、所見即所得，布局可視化、CSS參數(shù)化、代碼生成自動化。

　　2、實(shí)時著色，多種元素同時著色，清晰分辨各種元素。

　　3、可擴(kuò)展工具欄，輕松添加各種模板，一鍵應(yīng)用輕松完成。

　　4、多種項(xiàng)目模式，電腦頁面、移動設(shè)備頁面，支持柵格布局庫。

【使用教程】

1、創(chuàng)建項(xiàng)目

　　1.1、默認(rèn)模式：創(chuàng)建窗口啟動時的默認(rèn)創(chuàng)建模式 ，常用于創(chuàng)建電腦上顯示的網(wǎng)頁，CSS單位px。

　　1.2、彈性布局：選中彈性布局 ，在此模式下創(chuàng)建的網(wǎng)頁可兼容多種移動設(shè)備的屏幕尺寸，CSS單位必需使用rem，在設(shè)置CSS單位時可以在輸入px值，按下回車將會轉(zhuǎn)換為rem，如在CSS設(shè)置面板，設(shè)置字號大小，輸入16,按下回車鍵，將會自動轉(zhuǎn)換為0.16，在此模式下自定義CSS樣式也需要遵循此轉(zhuǎn)換公式 100px=1rem。

　　1.3、在創(chuàng)建項(xiàng)目窗口中可選添加設(shè)計圖，也可以創(chuàng)建完后通過“設(shè)置”菜單 “項(xiàng)目管理”進(jìn)行修改。

　　1.4、選中“創(chuàng)建基類”將會為新創(chuàng)建的 CSS 添加基本的 CSS 設(shè)置。

　　1.5、在有設(shè)計圖的情況下，畫布尺寸跟隨設(shè)計圖的尺寸，反之則可自定義尺寸，文件編碼支持UTF-8 和 GBK 。

2 、創(chuàng)建元素

　　2.1、項(xiàng)目創(chuàng)建完成后即可在畫布上創(chuàng)建所需要的元素，如選中“區(qū)塊 div 工具”在畫布上畫出需要的尺寸，整個的創(chuàng)建流程如同書寫 HTML 代碼相同。

　　布局順序：從左到右，從外到內(nèi)的布局方式。

3、創(chuàng)建參考線

　　3.1在畫布“頂部標(biāo)尺”上按下鼠標(biāo)向下拖動，可以創(chuàng)建出水平的參考線，在垂直標(biāo)尺按下拖動可創(chuàng)建垂直方向的參考線。 刪除參考線，可以將參考線拖回標(biāo)尺，或在參考線上右鍵選擇刪除參考線。通過工具菜單可鎖定參考線。

4、編輯CSS樣式

　　4.1、在文件名稱的右側(cè) 點(diǎn)擊“編”按鈕即可使用快速編輯功能

　　4.2、選中CSS內(nèi)容使用文本編輯模式即可彈出CSS編輯窗口

　　4.3、在CSS編輯器右鍵，選擇“編輯”，可編輯當(dāng)前位置的CSS類