CSS編輯器：TopStyle Pro使用技巧

2020-03-24 18:30:23

字體：大中小

來源：轉載

供稿：網友

大家在編寫CSS的時候可能認為記事本并不是最棒的，有什么css編輯工具可以提高我們編碼的效率呢？ TopStyle是我一直用的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是個不錯的好幫手！html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：你必須了解的html、css和js注釋規范用法

下一篇：HTML和CSS的一些知識點的匯總