CSS編輯工具有哪些?TopStylePro提示

來源:互聯網
上載者:User
  
  大家在編寫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是個不錯的好幫手!
  
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.