标题 | css代码格式化清理工具 |
内容 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=">> <title> CSS 代码格式化工具 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> a {color:blue; font-size:12px} textarea {width:100%; height:300px; display:block; margin:10px 0; font-size:12px} input {font-size:12px} </style> <script type="text/javascript"> <!-- function formatCSS(n){ var c = document.getElementById("abc"); var d = document.getElementById("def"); var v = c.value; if (n==1){ d.value = v.replace(/rn/g,"").replace(/}/g,"}rn").replace(/*//g,"*/rn"); } if (n==2){ d.value = v.replace(/rn/g,"").replace(/}/g,"}rn").replace(/s*;s*/g,";").replace(/;/g,";rnt").replace(/{/g,"{rnt").replace(/}/g,"rn}").replace(/*//g,"*/rn"); } if (n==3){ c.value = d.value = ""; } } //--> </script> <style type="text/css" charset="utf-8">/* See license.txt for terms of usage */ .firebugHighlight { z-index: 2147483647; position: absolute; background-color: #3875d7; } .firebugLayoutBoxParent { z-index: 2147483647; position: absolute; background-color: transparent; border-right: 1px dashed #BBBBBB; border-bottom: 1px dashed #BBBBBB; } .firebugRulerH { position: absolute; top: -15px; left: 0; width: 100%; height: 14px; background: url(Chrome://firebug/skin/rulerH.png) repeat-x; border-top: 1px solid #BBBBBB; border-right: 1px dashed #BBBBBB; border-bottom: 1px solid #000000; } .firebugRulerV { position: absolute; top: 0; left: -15px; width: 14px; height: 100%; background: url(chrome://firebug/skin/rulerV.png) repeat-y; border-left: 1px solid #BBBBBB; border-right: 1px solid #000000; border-bottom: 1px dashed #BBBBBB; } .overflowRulerX > .firebugRulerV { left: 0; } .overflowRulerY > .firebugRulerH { top: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .firebugLayoutBoxOffset { z-index: 2147483647; position: absolute; opacity: 0.8; } .firebugLayoutBoxMargin { background-color: #EDFF64; } .firebugLayoutBoxBorder { background-color: #666666; } .firebugLayoutBoxPadding { background-color: SlateBlue; } .firebugLayoutBoxContent { background-color: SkyBlue; } /*.firebugHighlightGroup .firebugLayoutBox { background-color: transparent; } .firebugHighlightBox { background-color: Blue !important; }*/ .firebugLayoutLine { z-index: 2147483647; background-color: #000000; opacity: 0.4; } .firebugLayoutLineLeft, .firebugLayoutLineRight { position: fixed; width: 1px; height: 100%; } .firebugLayoutLineTop, .firebugLayoutLineBottom { position: absolute; width: 100%; height: 1px; } .firebugLayoutLineTop { margin-top: -1px; border-top: 1px solid #999999; } .firebugLayoutLineRight { border-right: 1px solid #999999; } .firebugLayoutLineBottom { border-bottom: 1px solid #999999; } .firebugLayoutLineLeft { margin-left: -1px; border-left: 1px solid #999999; } </style></head><body onload="document.getElementById('abc').focus()"> <h1>CSS 代码格式化工具</h1> <textarea id="abc" cols="150" rows="20" wrap="off"></textarea> <input value=" 横排 " onclick="formatCSS(1)" type="button"> <input value=" 竖排 " onclick="formatCSS(2)" type="button"> <input value=" 清空 " onclick="formatCSS(3)" type="button"> <textarea id="def" cols="150" rows="20" wrap="off"></textarea> <a href="" target="_blank">http://www.devdao.com</a> </body></html> |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。