精彩、漂亮是每一個設計者在制作網頁時的不懈追求，而網頁的精彩幾乎都離不開CSS的強力“支撐”；CSS是一種為超文本標簽語言提供增強補充服務的技 術，可對每一個html的標簽做精雕細刻的修飾。活用CSS，將會使網頁更加生動活潑。不過，普通的網頁編輯工具在CSS方面，表現難能讓人滿意；為了充 分發揮CSS潛能，設計出更加美麗的網頁.

　　最新版本：3.11
　　文件大小：3836KB
　　 軟件性質：共享
　　 使用平臺：Win9x/Me/NT/2000/XP

　　軟件功能

　 　該程序是一款功能強大的CSS編輯設計工具，功能相當多，不但你可以輕松創建各種樣式的文件，而且方便對已有的樣式進行編輯，其內置的CSS碼檢查功 能，可以讓你減少寫錯的機會。特別是它的HELP文件中詳細的各種CSS指令介紹，很適合用作參考文件和初次接觸CSS的用戶學習使用。

　　下載安裝

　 　Topstyle是一款專門用來讓設計和編輯樣式的工具，它的大小已經達到4M左右，可以說該軟件是那種“強壯剽悍”型的，不過身材龐大也意味著該軟件 實現的功能是比較新穎、實用和強大的。利用該軟件，我們可以隨心所欲地創建各種樣式表文件，并且能為網頁輕松設計出各種令你感到非常滿意的視覺效果。從網 上下載下來的Topstyle是一個擴展名為exe的可執行文件，大家在進行安裝之前，可以直接用鼠標雙擊它，這樣系統就能自動打開一個標準的 windows程序安裝界面，我們只要按照界面的提示，一路單擊next按鈕就能順利完成安裝了。該程序在沒有注冊的情況下，可以在同一臺計算機中使用 20次；隨Topstyle一起安裝到系統中的還有一個名為Topstyle lite的程序，該程序在使用次數上沒有什么限制，不過在功能方面肯定會有所限制，但對于普通個人用戶來說，它提供的功能已經足夠了！

圖1

　 　安裝完成后，程序在默認狀態下會自動在系統的開始菜單中添加一個Topstyle程序運行菜單項。此時，我們要是想運行Topstyle程序的話，可以 用鼠標依次單擊“開始”/“程序”/“Topstyle 3”，屏幕上首先會出現一個樣式定義向導窗口，在初次使用該程序時，可以先一路單擊“next”按鈕，這樣就能打開一個如圖1所示的程序主操作界面了。為 防止日后用戶暫時不需要該軟件時，該程序會占用的系統資源可能較多，我們可以在控制面板窗口中，利用添加刪除程序來將Topstyle程序的所有組件徹底 從系統中清除，因此從這個意義上來說，該軟件還可以稱得上是一款綠色軟件。一旦運行該程序后，該界面就是一種完全的XP風格，讓人感到親切、柔和！

　　創建新的樣式

　 　Topstyle程序為我們提供了幾種創建新樣式文件的方法，其中比較簡單的一種就是使用向導功能來創建樣式文件；在使用這種方法時，可以先用鼠標單擊 主界面中的“file”菜單項，從打開的下拉菜單中執行“New style sheet wizard”命令，這樣就能打開一個如圖2所示的向導設置界面；用鼠標單擊“next”按鈕，在接下來出現的界面中，你就能對網頁中的文字顏色以及背景 顏色進行合適的設置；設置完成后，繼續單擊“next”，接著為網頁中文字選擇一種合適的字體，需要哪種字體時，可以在對應字體前面的方框中打上勾號；完 成了這步設置后，下面你還可以設置網頁中文字的大小，文字的加粗屬性，網頁中超級鏈接的正常顯示顏色以及單擊后的顏色變化，完成所有相關參數的設置后，向 導設置框還會打開一個如圖3所示的預覽界面；要是對設置的效果感到滿意的話，可以繼續用鼠標單擊“next”來完成最后的樣式創建任務。倘若對設置的效果 不滿意的話，還能在這里單擊“previous”按鈕，來返回到前面的設置頁面中，重新調整網頁的樣式屬性，直到自己滿意為止。最后，我們可以為上面創建 的樣式文件起一個名稱，同時選擇好文件保存的位置，并單擊向導界面中的“finish”按鈕結束樣式文件的創建工作。

圖2

圖3

圖4

　　檢查樣式錯誤

　 　在編輯修改樣式的過程中，可能會因操作不慎，出現這樣或者那樣的錯誤，此時你大可不必擔心，因為Topstyle程序為我們提供了CSS碼的錯誤檢查功 能，這樣我們在修改過程中，產生的任何錯誤Topstyle程序都不會忽略。我們對樣式的任何一步修改和創建工作，都在Topstyle程序的“監控”之 下，一旦修改出錯的話，程序會馬上彈出一個對話框，如圖5所示，來提醒我們當前樣式中出現了錯誤；同時在主界面的源代碼編輯子窗口中，我們會發現程序在出 錯的地方以紅顏色來突出顯示；而在“Style Inspector”子窗口中，程序會以藍顏色將出錯的地方突出顯示出來；一旦我們將錯誤調整過來后，對應位置處的突出顯示顏色也會自動消失。

圖5

　　預覽樣式效果

　 　Topstyle程序還為我們提供了即時預覽功能，利用該功能，我們對樣式參數每一步的修改效果都能被即時顯示出來。主界面中的“Output”子窗口 就是用來即時預覽樣式效果的，在該子窗口中，我們發現它包含了五個標簽頁面，用鼠標單擊“preview”標簽，就會看到具體的樣式預覽效果了；由于 Topstyle程序支持各個版本的IE瀏覽器、NETscape瀏覽器以及Opera瀏覽器，因此我們可以對各種樣式進行邊修改邊預覽，從而保證了樣式 編輯的效率。此外，在“Style checker”標簽頁面中，我們能很清楚地看到當前樣式文件中，有哪些語法上的錯誤，用鼠標單擊其中的某一錯誤內容后，Topstyle程序還能彈出一 個信息提示，來知道我們該如何正確改正語法錯誤。在其他的標簽頁面中，我們還可以了解到當前樣式表的一些注釋和統計信息，例如樣式文件中包含了多少行內容 等。

　　輔助學習功能

　　 Topstyle程序特別為那些剛剛接觸CSS的菜鳥用戶 們，提供詳細的幫助功能。利用該功能，用戶可以從該程序內置的help文件中，查詢到與CSS相關的各種指令的詳細用法介紹，以及編寫CSS原代碼的一些 小技巧，菜鳥完全可以將它作為一個很好的CSS資料來學習使用。

　　 此外，與Topstyle程序一起安裝的Topstyle Lite版本，相對來說，功能更簡潔明了，我們可以在Topstyle程序的安裝目錄中運行這個簡裝版程序；該程序只為我們提供了簡單的樣式文件的編輯、 創建以及預覽功能，而沒有向導創建功能、CSS碼檢查錯誤功能等，不過這些功能對菜鳥用戶來說，已經是綽綽有余了！

　　 總之，Topstyle程序的整體性能很不錯，是一款不可多得、不可不用的樣式表編輯工具。有了Topstyle程序的幫助，相信你一定會成為一位出色的CSS編輯和設計專家。

HTML/CSS技術：CSS編輯工具Topstyle輕松打造網頁風格，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。