以往在寫CSS的時候常常直接寫下去，有時候寫一行，有時候寫成好幾行。有時候忽然想加個屬性進去，就直接加在最底部，所以常常找不到要修改的資料。(雖然Ctrl + F很方便XD)假設都寫成同一行，然後也沒有分層級，組織架構變得很零散，不易修改。
如下圖：
使用Styleneat，變成
重新整理CSS的組織架構，讓每個屬性可以更明確的顯示出來，Styleneat是很棒的一個工具，目前提供三種方式，複製貼上、檔案上傳、遠端讀取，要呈現一行或者多行都可以自行設定，對於撰寫CSS的設計師來說，讚！
在 AI、App 與生活之間，記錄每一次實驗
以往在寫CSS的時候常常直接寫下去，有時候寫一行，有時候寫成好幾行。有時候忽然想加個屬性進去，就直接加在最底部，所以常常找不到要修改的資料。(雖然Ctrl + F很方便XD)假設都寫成同一行，然後也沒有分層級，組織架構變得很零散，不易修改。
如下圖：
使用Styleneat，變成
重新整理CSS的組織架構，讓每個屬性可以更明確的顯示出來，Styleneat是很棒的一個工具，目前提供三種方式，複製貼上、檔案上傳、遠端讀取，要呈現一行或者多行都可以自行設定，對於撰寫CSS的設計師來說，讚！
I have already seen it somethere…
Bodyc
階層也可以輸出成一行的
他有勾選設定看你要多行還是要單行
這應該用在設計階段比較適合，
上線後還是壓縮成第一張圖那種檔案會較小，載入較快。