格式混乱的 CSS 代码可读性和可维护性都很差,这时候就需要进行代码美化。前端编码工具都有代码美化插件,在编写的时候就可以美化,而对于已有的代码如果想快速美化则还可以借助这款在线工具——CSS Beautify。
您可能感兴趣的相关文章
<a href="http://www.cnblogs.com/lhb25/archive/2013/03/21/all-the-cheat-sheets.html" target="_blank">OverAPI.com – 史上最全开发人员在线速查手册</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/04/02/css-matic-the-ultimate-css-tools.html" target="_blank">CSS Matic:网页设计师必备的终极 CSS 工具箱</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/02/26/tools-and-tips-on-how-to-optimize-images.html" target="_blank">前端文摘——网页图片优化的实用工具和技巧分享</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/04/01/feedly-the-best-alternative-of-google-reader.html" target="_blank">Feedly:替代 Google Reader 最佳 RSS 阅读器</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/03/26/swipebox-touchable-lightbox-jquery.html" target="_blank">Swipebox – 用于触屏的 jQuery Lightbox 插件</a>

<a href="http://html.fwpolice.com/css/" target="_blank">去试用一下!</a>
下面是初始 CSS 代码
格式化后如下:
<a href="http://www.cnblogs.com/lhb25/archive/2013/04/01/break-free-from-css-prefix-hell.html" target="_blank">-prefix-free:帮你从 CSS 前缀的地狱中解脱出来</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/03/04/css3-media-query-for-ie6-8.html" target="_blank">Respond.js – 让IE6-8支持 CSS3 Media Query</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/02/27/regular-expression-visualization-debugger-tool.html" target="_blank">Debuggex – 超好用的正则表达式可视化调试工具</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/02/18/lazy-line-painter-a-jquery-plugin.html" target="_blank">Lazy Line Painter – 有趣的 jQuery 路径动画插件</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/03/05/zepto-js-library-for-modern-browsers.html" target="_blank">Zepto.js – 为现代浏览器而生的轻量JavaScript库</a>
欢迎任何形式的转载,但请务必注明出处。