8個提升效率的CSS實用工具

　CSS，也就是Cascading Style Sheets，推出於1997年，差很少是17年前，至此爲咱們開發網頁大開方便之門，協助咱們製做出一個又一個驚豔絕倫的網站設計和模板，提高了咱們的創造能力，給總體平臺增長了對稱美。

　　網頁設計不是一蹴而就的，須要不斷的實踐和改進，而後在最後期限前完成。若是你在寫CSS代碼上花費大量的時間，那麼你就是在浪費資源。由於有不少工具能提升咱們改進CSS文件的工做效率。

　　這些工具須要咱們先對common tags和editing parameters有必定的瞭解。掌握它們咱們就能夠輕輕鬆鬆編輯和改進各類新的或者已有的CSS文件了，並且還能用於集成各類網頁。但是，工具那麼多，只有選擇正確的工具才能既便於使用又能下降維護費用，那咱們該如何挑選呢？下面是8個CSS編碼中用的最多的工具。

　1.CSS Vocabulary

　　幾乎開發人員須要的全部功能， CSS Vocabulary都應有盡有。寫註釋、規則集、指令、模塊、類選擇符、屬性、聲明塊、媒體查詢、表達式等等通通不在話下。

　　官方網站：http://apps.workflower.fi/vocabs/

　2. CSShake

　　CSShake是一個能夠幫助你實現網頁元素移動的工具，此工具應用也很是普遍。CSShakes具有移動DOM的類，還有類的最佳集合。

　　官方網站：http://elrumordelaluz.github.io/csshake/

　3.Extract CSS

　　Extract CSS是一個能從HTML文檔中提取ID、類和內聯樣式的在線工具。而後用CSS樣式表的形式輸出。

　　官方網站：http://extractcss.com/

　4. Stylestats

　　這是用於收集CSS統計數據的Node.js庫。

　　官方網站：http://www.stylestats.org/#uri

　5. Saass fffunction

　　Sassaparilla是一種利用Sass和Compass響應網頁設計項目的快速方式。

　　官方網站：http://sass.fffunction.co/

　6. Prefix my CSS

　　這工具至關神奇，能夠獲取代碼前綴。只須要將CSS代碼粘貼到窗口，就能夠獲得前綴的CSS代碼。

　　官方網站：http://prefixmycss.com/

　7.Sky CSS Tool

　　Sky CSS Tool容許咱們建立CSS類。

　　官方網站：http://skycsstool.sourceforge.net/

　8.CSS Form Code maker

　　這個HTML/CSS樣式生成器，能建立不少佈局優雅的樣式。

　　官方網站：http://www.maketemplate.com/form/