<!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 title=在这里输入css代码></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 title=这里将输出css代码></textarea>
<a href= target=_blank>http://www.devdao.com</a>
</body></html>