首頁 > 好站報你知 > CSS美化以及適合閱讀化工具-CSS Beautify
2014
06-28

CSS美化以及適合閱讀化工具-CSS Beautify

在本站之前的文章:CSS整形與最佳化工具-Clean CSS 中,本站介紹了Clean CSS能壓縮你的CSS檔案,但有些人遇到了些問題,不管是想要把檔案重新弄回來或者是拿到別人的css檔案發現是經過壓縮不方便閱讀編輯的時候,CSS Beautify出來解救大家啦~有壓縮工具就有解壓縮的方法,而CSS Beautify就是能將本來難以閱讀的CSS檔案,經過轉換,變成美美較好閱讀編輯的格式,現在就來介紹這次的雲端工具[CSS Beautify]啦!

網站名稱:CSS Beautify
網站鏈結:http://cssbeautify.com/

上面就是今天這項工具的網址,請點擊一起加入這次的教學吧!

第一步:點擊上方的網址,進入CSS Beautify,把你的CSS全部貼在左方的框框,這個網站並不支援上傳檔案,請善用全選和複製以及貼上來完成!

CSS美化以及適合閱讀化工具-CSS Beautify - 第1张  | 軟硬e點通

第二步:只要一把CSS貼在左方,右方會立刻轉換好,不用按任何送出鍵,是不是差很多啊!

CSS美化以及適合閱讀化工具-CSS Beautify - 第2张  | 軟硬e點通

第三步:旁邊有一點點的選項可以設置(縮進方式:spaces或tab方式、左大括號:行尾or獨立行),基本上採用預設即可,之後完成後只要複製右方的CSS即完成囉~~

CSS美化以及適合閱讀化工具-CSS Beautify - 第3张  | 軟硬e點通

總結:CSS Beautify 是一個用 JavaScript 來實現對 CSS 代碼進行美化使之更加容易閱讀的工具。

最後編輯:
作者:Kirin Chang
喜歡幫助別人, 希望能讓世界上所有人都能悠游在 「資訊的雲端」中

發表迴響