大家在寫CSS的時候可能會認為記事本並不是最棒的，有什麼css編輯工具可以提高我們編碼的效率呢？
TopStyle(點擊下載：TopStyle V3.5 Beta 4)是我一直用的CSS編輯工具，最開始就是瞎用也沒有仔細研究過，不過後來把裡面的功能仔細看了看發現它的功能真是太強大了！
在這裡分享一下使用經驗，我在編輯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整理的非常工整，規範。一個非常不錯的功能。
選項位置：Tools--Style Sweeper
Rules 規則面板：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是個不錯的好幫手！