CSS压缩混淆 / 格式化 / 美化_html/css_WEB-ITnose
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-24 11:54:03
1 | 1 <!doctype html> 2 <html><head> 3 <meta charset= "utf-8" > 4 <title>CSS压缩混淆 / 格式化 / 美化工具</title> 5 <style type= "text/csss" > 6 @charset "utf-8" ; 7 8 9 *{margin:0; padding:0; font-family: "Microsoft YaHei UI" ; font-size:14px; color:#444;}10 img{border:none;}11 li {list-style:none;}12 a{text-decoration:none}13 #wrap{ width:960px; margin:0 auto;}14 #head, #mainbody, #foot{ width:100%;}15 16 17 .tarea { margin-left:20px; width:90%; height:220px; border:1px solid #e6e6e6; margin-bottom:12px; box-shadow:inset 1px 1px 1px #eee; padding:4px; border-radius:2px; line-height:18px; color:#CCC; font-size:12px;}18 .tarea-on{color:#000;}19 textarea{ overflow:auto; vertical-align:top;}20 .sbtn{ cursor:pointer; display: inline-block; vertical-align:middle;height:27px; line-height:27px; padding:0 12px; border-radius:2px; border:1px solid #ddd; text-align:center;}21 22 23 .subbtn { margin-left:50px; margin-bottom:10px;}24 .center h2{ margin-left:30px;}25 .sitetip{ margin-bottom:12px;}26 27 </style>28 </head>29 <body>30 <div id= "wrap" >31 <div id= "head" ></div>32 <div id= "mainbody" >33 <div class = "center" >34 <h1>CSS压缩混淆 / 格式化 / 美化工具</h1>35 <hr />36 <h2 class = "sitetip" >贴入要格式化或压缩的CSS代码:</h2>37 <textarea id= "code" class = "tarea" >格式化或压缩的CSS代码</textarea>38 <div class = "subbtn" >39 <input type= "button" onClick= "CSS('packAdv')" value= "高级压缩" class = "sbtn" />40 <input type= "button" onClick= "CSS('pack')" value= "普通压缩" class = "sbtn" />41 <input type= "button" onClick= "CSS('format')" value= "格式化" class = "sbtn" />42 </div>43 <h2 class = "sitetip" >转换后的css代码: </h2>44 <textarea id= "packer" class = "tarea tarea-on" ></textarea>45 </div>46 </div>47 <div id= "foot" ></div>48 </div>49 <script type= "text/javascript" >50 53 var CSSCoder = {54 format: function (s) {
|
로그인 후 복사
界面显示如下图所示
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11