TopStyle-CSS編輯軟體

css

基本資料

• 軟體名稱：TopStyle
• 開發人員首頁：www.bradsoft.com
• 軟體大小：4.19MB
• 安裝環境：Microsoft Windows 95/98/Me/NT4/2000/xp ;IE 4.0 以上瀏覽器
• 版本：Pro v3.10 Retail(30天試用版)

軟體說明

較早的網頁設計師都還記得有一款專業網頁製作軟體叫HomeSite吧，TopStyle就是製作HomeSite的原作者所開發的。

TopStyle是一款Cascading Style Sheets (CSS) 的編輯軟體，可以協助我們編寫符合包括CSS2標準在內的樣式表。TopStyle具有CSS定義選擇功能，讓你可以選取特定的瀏覽器或CSS階層、內建的樣式表檢查器、內部的預覽能力、以顏色標示的編輯器，以及樣式預覽。TopStyle是第一款可以使用Mozilla等Gecko瀏覽器的程式。你可以用內嵌的Internet Explorer和Mozilla Gecko來預覽你的式樣表，或者分開使用。此外，TopStyle的設計對系統十分友善。它不會安裝任何DLL、ActiveX controls或其它系統檔案。功能相當多，附有CSS碼檢查功能，減少寫錯的機會。尤其是它的HELP檔案中詳細的CSS指令介紹，很適於用作參考檔案與初次接觸CSS的人做為學習使用。如果你想學習web標準，製作CSS需要一個好軟體，TopStyle是非常棒的選擇。

安裝教程

第一步：運行軟體安裝包；

第二步：根據提示安裝到你指定的目錄

第三步：對topstyle進行初步設定，分6步：

• 1.選擇一個樣式定義：選擇CSS2.0

• 2.選擇一個HTML定義：選擇XHTML1.0
• 3.樣式屬性的協助。告訴你當前的屬性屬於哪個標準，或者是哪個瀏覽器的私人屬性。
• 4.選擇軟體的介面，是列出全部功能還是最簡化的。
• 5.選擇CSS預覽檔案。
• 6.配置你常用的外部瀏覽器。

第四步：設定完畢。進入主運行介面

可以看到4個主要視窗：

• 1.選取器視窗，可以快速選擇你定義的元素、class和id；
• 2.主編輯視窗，你的css就寫在這裡
• 3.樣式檢查視窗，可以列出當前編輯元素的樣式
• 4.預覽視窗，可以預覽你定義的樣式，按F12可以全屏預覽。

下載

• 官方首頁下載