lst.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="format-detection" content="telephone=no">
  8. <meta name="renderer" content="webkit">
  9. <meta http-equiv="Cache-Control" content="no-siteapp" />
  10. <link rel="icon" type="image/png" href="/Public/img/favicon.png">
  11. <link rel="apple-touch-icon-precomposed" href="/Public/img/app-icon72x72@2x.png">
  12. <title>css在线格式化工具</title>
  13. <meta name="keywords" content="css在线格式化工具" />
  14. <meta name="description" content="CSS格式化工具能方便的把CSS代码格式化成容易查看的格式。" />
  15. <link href="/static/index/GS/css/wawa.min.css" rel="stylesheet">
  16. </head>
  17. <body>
  18. <div class="content">
  19. <div class="content-body">
  20. <div class="tool-title clearfix">
  21. <h1 class="tool-name">CSS在线格式化工具</h1>
  22. </div>
  23. <div class="tool-form">
  24. <div class="form-field"><textarea name="str" cols="90" rows="10" class="form-textarea form-block resizable" id="tool-form" placeholder="请把你需要格式的css代码粘贴到在这里" ></textarea></div>
  25. <div class="form-btn">
  26. 缩进方式:
  27. <label class="radio"><input type="radio" name="indent" id="tab" checked="checked"/> Tab</label>
  28. <label class="radio" style="margin-right:10px;"><input type="radio" name="indent" id="whitespace" /> Spaces</label>
  29. 缩进方式:
  30. <label class="radio"><input type="radio" name="openbrace" id="openbrace-end-of-line" checked="checked" /> 行结束</label>
  31. <label class="radio" style="margin-right:10px;"><input type="radio" name="openbrace" id="openbrace-separate-line" /> 换行</label>
  32. <input class="btn btn-success" id="format" type="button" onclick="css_format()" value="格式化"/>
  33. <input class="btn btn-warning btn-copy" type="button" value="复制结果" data-clipboard-target="#tool-result">
  34. </div>
  35. <div id="tool-tips"></div>
  36. <div class="form-field"><textarea name="res" cols="90" rows="10" class="form-textarea form-block resizable" id="tool-result"></textarea></div>
  37. </div>
  38. <div style="margin-top:20px;">
  39. <script async src="/static/index/GS/js/adsbygoogle.js"></script>
  40. <ins class="adsbygoogle"
  41. style="display:block"
  42. data-ad-client="ca-pub-1509068831215831"
  43. data-ad-slot="4534503874"
  44. data-ad-format="auto"></ins>
  45. <script>
  46. (adsbygoogle = window.adsbygoogle || []).push({});
  47. </script>
  48. </div>
  49. </div>
  50. <div id="go-top" style="display:none;">
  51. <a rel="nofollow" title="回顶部"><i class="icon-up-big"></i></a>
  52. </div>
  53. </div>
  54. <script type="text/javascript">var APP='/';var PUBLIC='/Public/';var URL='/home//static/index/GS/css/';var TID=10;</script>
  55. <script src="/static/index/GS/js/public.min.js"></script>
  56. <script src="/static/index/GS/js/cssbeautify.min.js"></script>
  57. </body>
  58. </html>