TopStyle是我一直用的CSS編輯工具，最開始就是瞎用也沒有仔細研究過，不過后來把里面的功能仔細看了看發(fā)現(xiàn)它的功能真是太強大了～
在這里分享一下使用經驗
我在編輯CSS時常用的快捷鍵：
文字注釋：Shift+Ctrl+M 向右縮進：Shift+Ctrl+. 向左縮進：Shift+Ctrl+, 下一個CSS：Ctrl+] 上一個CSS：Ctrl+[ 選顏色：Shift+Ctrl+C
保存以后不能撤銷(Ctrl+Z)？
我們給改過來～
選項位置：Options--Editor--選擇Enable undo after save
自動替換
比如你打"!i"然后按一個空格，TopStyle就自動將"!i"替換成"!important"
選項位置：Options--Editor--Auto Replace 你也可以自己添加快捷輸入。
樹型CSS
有時候是不是覺得CSS太多了不好瀏覽？TopStyle提供了一個將CSS內容隱藏只顯示選擇器名稱的縮略形式，很方便。
選項位置：Options--Editor--Rule Collapsing 選擇Enable rule collapsing
快速校驗
快捷菜單中的W3C CSS Validator 和W3C HTML Validator按鈕很方便，編輯完直接一點就能知道是否通過了校驗。
樣式表清道夫
下面隆重推薦TopStyle自帶CSS整理功能：樣式表清道夫 Style Sweeper。它能把你的CSS整理的非常工整，規(guī)范。一個非常不錯的功能。
選項位置： Tools--Style Sweeper
功能設置位置： Tools---Style Sweeper---Configure Style Sweeper---TopStyle Defaut---Edit
Rules 規(guī)則面板：
Rule Format 可以設置單行多行顯示。Combine Rules 設置是否將有相同屬性的CSS組合
Selectors 選擇器面板：
Selector Case 設置選擇器的大小寫。Selector Order 設置選擇器的排序方式。
Property屬性面板：
Property Case 設置屬性的大小寫。Property Order 設置屬性的排序方式。
Shorthand Properties 縮寫屬性面板：
可以選擇將font、background、margin、padding屬性縮寫。
Others 其他屬性面板：
Color Format 顏色格式：可選擇十六進制、RGB、顏色名稱等。
說了這么多還是希望大家在實踐當中不斷的提高自己的CSS能力，TopStyle是個不錯的好幫手~~
Topstyle官方網站