大家在編寫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是個不錯的好幫手！