精彩、漂亮是每一個設(shè)計者在制作網(wǎng)頁時的不懈追求，而網(wǎng)頁的精彩幾乎都離不開CSS的強(qiáng)力“支撐”；CSS是一種為超文本標(biāo)簽語言提供增強(qiáng)補(bǔ)充服務(wù)的技 術(shù)，可對每一個html的標(biāo)簽做精雕細(xì)刻的修飾?；钣肅SS，將會使網(wǎng)頁更加生動活潑。不過，普通的網(wǎng)頁編輯工具在CSS方面，表現(xiàn)難能讓人滿意；為了充 分發(fā)揮CSS潛能，設(shè)計出更加美麗的網(wǎng)頁.
最新版本：3.11
文件大?。?836KB
軟件性質(zhì)：共享
使用平臺：Win9x/Me/NT/2000/XP
軟件功能
該程序是一款功能強(qiáng)大的CSS編輯設(shè)計工具，功能相當(dāng)多，不但你可以輕松創(chuàng)建各種樣式的文件，而且方便對已有的樣式進(jìn)行編輯，其內(nèi)置的CSS碼檢查功 能，可以讓你減少寫錯的機(jī)會。特別是它的HELP文件中詳細(xì)的各種CSS指令介紹，很適合用作參考文件和初次接觸CSS的用戶學(xué)習(xí)使用。
下載安裝
Topstyle是一款專門用來讓設(shè)計和編輯樣式的工具，它的大小已經(jīng)達(dá)到4M左右，可以說該軟件是那種“強(qiáng)壯剽悍”型的，不過身材龐大也意味著該軟件 實現(xiàn)的功能是比較新穎、實用和強(qiáng)大的。利用該軟件，我們可以隨心所欲地創(chuàng)建各種樣式表文件，并且能為網(wǎng)頁輕松設(shè)計出各種令你感到非常滿意的視覺效果。從網(wǎng) 上下載下來的Topstyle是一個擴(kuò)展名為exe的可執(zhí)行文件，大家在進(jìn)行安裝之前，可以直接用鼠標(biāo)雙擊它，這樣系統(tǒng)就能自動打開一個標(biāo)準(zhǔn)的 windows程序安裝界面，我們只要按照界面的提示，一路單擊next按鈕就能順利完成安裝了。該程序在沒有注冊的情況下，可以在同一臺計算機(jī)中使用 20次；隨Topstyle一起安裝到系統(tǒng)中的還有一個名為Topstyle lite的程序，該程序在使用次數(shù)上沒有什么限制，不過在功能方面肯定會有所限制，但對于普通個人用戶來說，它提供的功能已經(jīng)足夠了！
圖1
安裝完成后，程序在默認(rèn)狀態(tài)下會自動在系統(tǒng)的開始菜單中添加一個Topstyle程序運行菜單項。此時，我們要是想運行Topstyle程序的話，可以 用鼠標(biāo)依次單擊“開始”/“程序”/“Topstyle 3”，屏幕上首先會出現(xiàn)一個樣式定義向?qū)Т翱?，在初次使用該程序時，可以先一路單擊“next”按鈕，這樣就能打開一個如圖1所示的程序主操作界面了。為 防止日后用戶暫時不需要該軟件時，該程序會占用的系統(tǒng)資源可能較多，我們可以在控制面板窗口中，利用添加刪除程序來將Topstyle程序的所有組件徹底 從系統(tǒng)中清除，因此從這個意義上來說，該軟件還可以稱得上是一款綠色軟件。一旦運行該程序后，該界面就是一種完全的XP風(fēng)格，讓人感到親切、柔和！
創(chuàng)建新的樣式
Topstyle程序為我們提供了幾種創(chuàng)建新樣式文件的方法，其中比較簡單的一種就是使用向?qū)Чδ軄韯?chuàng)建樣式文件；在使用這種方法時，可以先用鼠標(biāo)單擊 主界面中的“file”菜單項，從打開的下拉菜單中執(zhí)行“New style sheet wizard”命令，這樣就能打開一個如圖2所示的向?qū)гO(shè)置界面；用鼠標(biāo)單擊“next”按鈕，在接下來出現(xiàn)的界面中，你就能對網(wǎng)頁中的文字顏色以及背景 顏色進(jìn)行合適的設(shè)置；設(shè)置完成后，繼續(xù)單擊“next”，接著為網(wǎng)頁中文字選擇一種合適的字體，需要哪種字體時，可以在對應(yīng)字體前面的方框中打上勾號；完 成了這步設(shè)置后，下面你還可以設(shè)置網(wǎng)頁中文字的大小，文字的加粗屬性，網(wǎng)頁中超級鏈接的正常顯示顏色以及單擊后的顏色變化，完成所有相關(guān)參數(shù)的設(shè)置后，向 導(dǎo)設(shè)置框還會打開一個如圖3所示的預(yù)覽界面；要是對設(shè)置的效果感到滿意的話，可以繼續(xù)用鼠標(biāo)單擊“next”來完成最后的樣式創(chuàng)建任務(wù)。倘若對設(shè)置的效果 不滿意的話，還能在這里單擊“previous”按鈕，來返回到前面的設(shè)置頁面中，重新調(diào)整網(wǎng)頁的樣式屬性，直到自己滿意為止。最后，我們可以為上面創(chuàng)建 的樣式文件起一個名稱，同時選擇好文件保存的位置，并單擊向?qū)Ы缑嬷械摹癴inish”按鈕結(jié)束樣式文件的創(chuàng)建工作。
圖2
圖3
除了創(chuàng)建新的樣式外，我們還能對目前已經(jīng)存在的樣式文件進(jìn)行編輯和調(diào)整。編輯調(diào)整時，可以在主界面中依次執(zhí)行“file”/“open”命令，來將已有 的樣式文件打開，任何在Topstyle程序界面中，利用工具欄中的各種工具按鈕，來對樣式文件進(jìn)行任意修改；要是自己非常熟悉網(wǎng)頁源代碼的話，可以選擇 在源代碼窗口中來進(jìn)行修改（如圖4所示），倘若對源代碼比較“感冒”的話，我們還能在Topstyle程序界面右上角的“Style Inspector”子窗口中來修改，這樣可以更直接一點，而且在這里我們幾乎也能修改樣式中的任意參數(shù)，比方說網(wǎng)頁文字的大小、字體、顏色，網(wǎng)頁的背景 顏色、超級鏈接的顏色等。此外，執(zhí)行菜單欄中的“file”/“open from web”命令，在隨后打開的窗口中直接輸入某網(wǎng)站的網(wǎng)址，我們就能對指定網(wǎng)站上的網(wǎng)頁樣式進(jìn)行修改和編輯了。
圖4
檢查樣式錯誤
在編輯修改樣式的過程中，可能會因操作不慎，出現(xiàn)這樣或者那樣的錯誤，此時你大可不必?fù)?dān)心，因為Topstyle程序為我們提供了CSS碼的錯誤檢查功 能，這樣我們在修改過程中，產(chǎn)生的任何錯誤Topstyle程序都不會忽略。我們對樣式的任何一步修改和創(chuàng)建工作，都在Topstyle程序的“監(jiān)控”之 下，一旦修改出錯的話，程序會馬上彈出一個對話框，如圖5所示，來提醒我們當(dāng)前樣式中出現(xiàn)了錯誤；同時在主界面的源代碼編輯子窗口中，我們會發(fā)現(xiàn)程序在出 錯的地方以紅顏色來突出顯示；而在“Style Inspector”子窗口中，程序會以藍(lán)顏色將出錯的地方突出顯示出來；一旦我們將錯誤調(diào)整過來后，對應(yīng)位置處的突出顯示顏色也會自動消失。
圖5
預(yù)覽樣式效果
Topstyle程序還為我們提供了即時預(yù)覽功能，利用該功能，我們對樣式參數(shù)每一步的修改效果都能被即時顯示出來。主界面中的“Output”子窗口 就是用來即時預(yù)覽樣式效果的，在該子窗口中，我們發(fā)現(xiàn)它包含了五個標(biāo)簽頁面，用鼠標(biāo)單擊“preview”標(biāo)簽，就會看到具體的樣式預(yù)覽效果了；由于 Topstyle程序支持各個版本的IE瀏覽器、Netscape瀏覽器以及Opera瀏覽器，因此我們可以對各種樣式進(jìn)行邊修改邊預(yù)覽，從而保證了樣式 編輯的效率。此外，在“Style checker”標(biāo)簽頁面中，我們能很清楚地看到當(dāng)前樣式文件中，有哪些語法上的錯誤，用鼠標(biāo)單擊其中的某一錯誤內(nèi)容后，Topstyle程序還能彈出一 個信息提示，來知道我們該如何正確改正語法錯誤。在其他的標(biāo)簽頁面中，我們還可以了解到當(dāng)前樣式表的一些注釋和統(tǒng)計信息，例如樣式文件中包含了多少行內(nèi)容 等。
輔助學(xué)習(xí)功能
Topstyle程序特別為那些剛剛接觸CSS的菜鳥用戶 們，提供詳細(xì)的幫助功能。利用該功能，用戶可以從該程序內(nèi)置的help文件中，查詢到與CSS相關(guān)的各種指令的詳細(xì)用法介紹，以及編寫CSS原代碼的一些 小技巧，菜鳥完全可以將它作為一個很好的CSS資料來學(xué)習(xí)使用。
此外，與Topstyle程序一起安裝的Topstyle Lite版本，相對來說，功能更簡潔明了，我們可以在Topstyle程序的安裝目錄中運行這個簡裝版程序；該程序只為我們提供了簡單的樣式文件的編輯、 創(chuàng)建以及預(yù)覽功能，而沒有向?qū)?chuàng)建功能、CSS碼檢查錯誤功能等，不過這些功能對菜鳥用戶來說，已經(jīng)是綽綽有余了！
總之，Topstyle程序的整體性能很不錯，是一款不可多得、不可不用的樣式表編輯工具。有了Topstyle程序的幫助，相信你一定會成為一位出色的CSS編輯和設(shè)計專家。
