Stylizer 7是一款非常專業(yè)的可視化css樣式編輯器,允許用戶在調(diào)整頁面模塊尺寸時通過單擊拖動鼠標來準確地調(diào)整任何CSS尺寸,非常的便捷。軟件不僅提供了代碼的編輯功能,還提供了一個運行的測試功能,當您設置完成網(wǎng)頁的代碼以后,可以使用本地的
瀏覽器運行您的css代碼,通過實時的測試,讓您可以更好的查看到自己修改以后的內(nèi)容!另外該Stylizer 7編輯器還擁有CSS錯誤警告、風格切換以及面包屑路徑創(chuàng)建等多種功能,歡迎免費下載。
破解教程
1、在本站下載好資源后解壓,雙擊應用程序進行安裝,選擇安裝目錄,點擊install即可
2、安裝完成后軟件直接運行,我們關(guān)掉,然后將解壓文件目錄下的crack文件夾下的文件復制到軟件安裝目錄
3、重新進入軟件,點擊help>about,即可看到軟件已成功注冊,即破解成功
使用教程
1、本站提供Stylizer7使用的瀏覽器附件,只需在電腦C盤的“C:\Users\Administrator\AppData\Local\Skybound\Stylizer”文件夾下創(chuàng)建“\Browsers\7.0”文件夾
2、然后將解壓文件目錄下的bonus文件夾中的文件復制到“C:\Users\Administrator\AppData\Local\Skybound\Stylizer\Browsers\7.0”文件夾中即可
3、打開CSS
Stylizer使用您的實際網(wǎng)頁作為編輯CSS的直接起點。要開始編輯,只需在Stylizer的地址欄中輸入網(wǎng)站的URL,然后按Enter鍵,所有關(guān)聯(lián)的CSS文件將自動加載。您也可以通過單擊file>open或鍵盤快捷鍵Ctrl+O來打開本地HTML文件。
4、保存CSS
如果您正在預覽鏈接到本地CSS文件的HTML文件,只需單擊文件→保存或Ctrl + S,Stylizer將文件保存在最初加載的位置。如果您通過HTTP或HTTPS編輯實時網(wǎng)站,Stylizer無法自動確定位置,因為它可以使用本地文件。Stylizer可以保存三種主要的存儲類型:您的本地文件系統(tǒng)或網(wǎng)絡共享;FTP、SFTP或FTP/SSL服務器;系統(tǒng)剪貼板。文件對話框在左側(cè)的側(cè)邊欄中顯示這些主要存儲位置。
5、重新加載CSS
當?shù)谝淮渭虞d它們的網(wǎng)頁時,Stylizer只下載一次CSS文件。與Web瀏覽器不同,如果切換頁面或刷新,Stylizer不會再次下載CSS,它總是重復使用您的工作副本。因此,如果通過其他方式更改CSS文件,則必須手動重新加載它才能查看Stylizer中的更改。要重新加載CSS文件,請單擊File> Restore,或者右鍵單擊CSS文件的選項卡,然后單擊還原。
軟件特點
1、可點擊任何地方或使用任何樣式
Bullseye將您的工作流轉(zhuǎn)化為點,點擊和編碼的高效流程。
2、立即預覽,甚至保存
樣式表會自動打開,并且您的更改會立即顯示,你可以鍵入、單擊或拖動鼠標。
3、在主要瀏覽器之間即時切換
并排預覽窗格使響應式跨瀏覽器設計變得輕而易舉。
軟件功能
1、握把的尺寸更快
大小夾點允許您通過單擊并拖動鼠標準確地調(diào)整任何CSS尺寸。點擊,按住并拖動實時查看頁面更新,并在您的第一次嘗試中達到完美。采取大小猜測工作。找到那個固執(zhí)的div包裹的確切位置?;蛘呤褂盟鼈儊硗昝赖囟ㄎ槐尘皥D像。
2、雙擊顏色更改
調(diào)整樣式表中的任何顏色,只需點擊兩下即可找到完美的色調(diào),飽和度和亮度級別:一次點擊CSS聲明,另一次點擊自動出現(xiàn)的顏色選擇器。Stylizer提供了兩種基于HSL的顏色選擇器和一個不透明度通道滑塊,可生成即使在傳統(tǒng)瀏覽器上也能工作的基于RGB的顏色。
3、控制重復的任務
該遙控器使得許多重復任務的一鍵式操作。大多數(shù)按鈕的大小與夾點一樣大,這樣可以節(jié)省操作時間,例如,在“背景位置”按鈕上插入一個新的聲明,然后通過拖動鼠標立即開始調(diào)整。
4、寫無錯誤的CSS
Stylizer知道所有最新的CSS 3標準,并提供一個即時更新的實時警告列表,在您輸入時立即更新。無論你的CSS不驗證,你也會看到一個微妙的紅色下劃線。Stylizer甚至認識到許多常見的CSS“黑客”,以確保警告列表只包含可操作的錯誤。
5、你最關(guān)心的風格
Bullseye組將樣式分為兩個并排列表:左側(cè)的計算樣式和右側(cè)生成它們的CSS聲明。這種設計讓你立即看到,定位你離下一次調(diào)整只有一個或兩個點擊。
6、跟著面包屑
當您使用Bullseye時,導航到目標元素的HTML標記的路徑將顯示在屏幕底部的Breadcrumb中。使用它來選擇容器元素或創(chuàng)建新的規(guī)則只需點擊一下。通過點擊目標元素的祖先列表的一部分,Make Rule可以用來快速創(chuàng)建新的規(guī)則。
7、你HTML清晰的視圖
Stylizer提供了HTML DOM的實時樹。使用它可以深入到不可見或難以用Bullseye點擊的元素,快速突出顯示并定位相鄰元素,并了解頁面的整體結(jié)構(gòu)。HTML DOM查看器是一個緊湊的面板,當你需要的時候可以快速打開,當你不需要的時候可以保持原樣。
8、你的樣式表,就像瀏覽器看到的一樣
Stylizer還為瀏覽器的樣式表提供了一個實時窗口- CSS DOM。由于瀏覽器之間的差異,你寫的CSS幾乎不會被瀏覽器完全按照你寫的來解釋。CSS DOM面板不僅可以顯示瀏覽器接受哪些規(guī)則和聲明,甚至可以識別源代碼中哪些聲明產(chǎn)生了DOM中的哪些聲明。
9、從您的網(wǎng)站開始
在Stylizer中輸入任何網(wǎng)站的地址,開始編輯CSS?;蛑苯釉贛ac或PC中加載HTML頁面。鏈接的CSS文件在Stylizer中自動打開,因此您可以立即開始編輯。
0條評論