CSS編輯工具有哪些？TopStylePro使用技巧_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　
　　大家在編寫CSS的時(shí)候可能認(rèn)為記事本并不是最棒的，有什么css編輯工具可以提高我們編碼的效率呢？

　　TopStyle是我一直用的CSS編輯工具，最開始就是瞎用也沒有仔細(xì)研究過，不過后來把里面的功能仔細(xì)看了看發(fā)現(xiàn)它的功能真是太強(qiáng)大了！

　　在這里分享一下使用經(jīng)驗(yàn)，我在編輯CSS時(shí)常用的快捷鍵：

示例代碼 [m.ghpqjb.com]

　　文字注釋：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

示例代碼 [m.ghpqjb.com]

　　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ò)的好幫手！
　　