|
|
@@ -0,0 +1,65 @@
|
|
|
+<!doctype html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+<meta charset="utf-8">
|
|
|
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
|
+<meta name="format-detection" content="telephone=no">
|
|
|
+<meta name="renderer" content="webkit">
|
|
|
+<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+<link rel="icon" type="image/png" href="/Public/img/favicon.png">
|
|
|
+<link rel="apple-touch-icon-precomposed" href="/Public/img/app-icon72x72@2x.png">
|
|
|
+<title>css在线格式化工具</title>
|
|
|
+<meta name="keywords" content="css在线格式化工具" />
|
|
|
+<meta name="description" content="CSS格式化工具能方便的把CSS代码格式化成容易查看的格式。" />
|
|
|
+<link href="/static/index/GS/css/wawa.min.css" rel="stylesheet">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+
|
|
|
+<div class="content">
|
|
|
+ <div class="content-body">
|
|
|
+ <div class="tool-title clearfix">
|
|
|
+ <h1 class="tool-name">CSS在线格式化工具</h1>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="tool-form">
|
|
|
+ <div class="form-field"><textarea name="str" cols="90" rows="10" class="form-textarea form-block resizable" id="tool-form" placeholder="请把你需要格式的css代码粘贴到在这里" ></textarea></div>
|
|
|
+ <div class="form-btn">
|
|
|
+ 缩进方式：
|
|
|
+ <label class="radio"><input type="radio" name="indent" id="tab" checked="checked"/> Tab</label>
|
|
|
+ <label class="radio" style="margin-right:10px;"><input type="radio" name="indent" id="whitespace" /> Spaces</label>
|
|
|
+ 缩进方式：
|
|
|
+ <label class="radio"><input type="radio" name="openbrace" id="openbrace-end-of-line" checked="checked" /> 行结束</label>
|
|
|
+ <label class="radio" style="margin-right:10px;"><input type="radio" name="openbrace" id="openbrace-separate-line" /> 换行</label>
|
|
|
+ <input class="btn btn-success" id="format" type="button" onclick="css_format()" value="格式化"/>
|
|
|
+ <input class="btn btn-warning btn-copy" type="button" value="复制结果" data-clipboard-target="#tool-result">
|
|
|
+ </div>
|
|
|
+ <div id="tool-tips"></div>
|
|
|
+ <div class="form-field"><textarea name="res" cols="90" rows="10" class="form-textarea form-block resizable" id="tool-result"></textarea></div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div style="margin-top:20px;">
|
|
|
+<script async src="/static/index/GS/js/adsbygoogle.js"></script>
|
|
|
+<ins class="adsbygoogle"
|
|
|
+ style="display:block"
|
|
|
+ data-ad-client="ca-pub-1509068831215831"
|
|
|
+ data-ad-slot="4534503874"
|
|
|
+ data-ad-format="auto"></ins>
|
|
|
+<script>
|
|
|
+ (adsbygoogle = window.adsbygoogle || []).push({});
|
|
|
+</script>
|
|
|
+</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+<div id="go-top" style="display:none;">
|
|
|
+ <a rel="nofollow" title="回顶部"><i class="icon-up-big"></i></a>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<script type="text/javascript">var APP='/';var PUBLIC='/Public/';var URL='/home//static/index/GS/css/';var TID=10;</script>
|
|
|
+<script src="/static/index/GS/js/public.min.js"></script>
|
|
|
+<script src="/static/index/GS/js/cssbeautify.min.js"></script>
|
|
|
+</body>
|
|
|
+</html>
|
