CSS代码格式化和压缩化
关键词：css代码优化，css代买格式化和压缩化
[color=Red]点击进入页面:[/color]CSS代码格式化和压缩化
<html>
<head>
<title>CSS代码格式化和压缩化</title>
<meta name="Generator" content="EditPlus">
<meta name="Description" content="">
</head>
<body>
<script language="JavaScript">
<!--
function $() {
var elements = new Array();
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
function CSSencode(code)
{
code = code.replace(/\n/ig,'');
code = code.replace(/(\s){2,}/ig,'$1');
code = code.replace(/\t/ig,'');
code = code.replace(/\n\}/ig,'\}');
code = code.replace(/\n\{\s*/ig,'\{');
code = code.replace(/(\S)\s*\}/ig,'$1\}');
code = code.replace(/(\S)\s*\{/ig,'$1\{');
code = code.replace(/\{\s*(\S)/ig,'\{$1');
return code;
}
function CSSdecode(code)
{
code = code.replace(/(\s){2,}/ig,'$1');
code = code.replace(/(\S)\s*\{/ig,'$1\n{');
code = code.replace(/\*\/(.[^\}\{]*)}/ig,'\*\/\n$1}');
code = code.replace(/\/\*/ig,'\n\/\*');
code = code.replace(/;\s*(\S)/ig,';\n\t$1');
code = code.replace(/\}\s*(\S)/ig,'\}\n$1');
code = code.replace(/\n\s*\}/ig,'\n\}');
code = code.replace(/\{\s*(\S)/ig,'\{\n\t$1');
code = code.replace(/(\S)\s*\*\//ig,'$1\*\/');
code = code.replace(/\*\/\s*([^\}\{]\S)/ig,'\*\/\n\t$1');
code = code.replace(/(\S)\}/ig,'$1\n\}');
code = code.replace(/(\n){2,}/ig,'\n');
return code;
}
//-->
</script>
CSS代码格式化和压缩化<hr>
<textarea name="" rows="" cols="" style="width:600px;height:300px;" id="code">
</text_area><br><!--去掉text后面的"_"-->
<input type="submit" onClick="$('code').value = CSSdecode($('code').value);" value="格式化"> | <input type="submit" onClick="$('code').value = CSSencode($('code').value);" value="压缩化" />
</body>
</html>
注：直接粘贴代码在dw中生成html页面即可为css代码格式化和压缩化