TopStyle是一款Cascading Style Sheets (CSS) 的編輯工具,可以幫助我們編寫符合包括CSS2標準在內的樣式表。

TopStyle具有CSS定義選擇功能,讓你可以選取特定的瀏覽器或CSS階層、內建的樣式表檢查器、內部的預覽能力、
以顏色標示的編輯器,以及樣式預覽。TopStyle是第一款可以使用Mozilla等Gecko瀏覽器的程序。
你可以用內嵌的Internet Explorer和Mozilla Gecko來預覽你的式樣表,或者分開使用。
此外,TopStyle的設計對系統十分友善。它不會安裝任何DLL、ActiveX controls或其它系統文件。
TopStyle功能相當多,附有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可以全螢幕預覽。

下載點.
解壓密碼:from P2PZONE.ORG

【資料來源】P2PZone論壇,載點掛掉請回覆或通知我
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 h25282598 的頭像
    h25282598

    小安*網路記事簿!

    h25282598 發表在 痞客邦 留言(0) 人氣()