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