CSS代码格式化和压缩化

深山行者个人网站　2010/2/7 20:54:55　深山行者　字体：大中小　浏览 7829　我要评论

当前标签: 压缩格式 css

以下为详细代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> 格式化CSS 和压缩化CSS </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
</head> 
<body> 
<script language="JavaScript"> 
 
</script> 
<style>*{font:12px,"宋体";}input{border:1px solid #cccccc;color:#666666;font-size:12px;padding:2px 0 0 0;}textarea{border:1px solid #cccccc;margin:0 0 5px 0;}</style>
CSS代码格式化和压缩化 /*请将CSS代码复制到下面*/ <BR>
<textarea name="" rows="" cols="" style="width:100%;height:300px;" id="code" title="www.xhlv.com">
/*请将CSS代码复制到这里，下面是示例*/input,button{height: 20px;background-color: #ffffff;/*border: 1px solid #333333;*/}
textarea{background-color: #ffffff;border: #3872b4 1px solid;}
select{height: 20px;font-size: 12px;background-color: #ffffff;border: 1px solid #333333;}
a{/*color: #794820;color: #000000;*/color: #004f8a;text-decoration: none;text-transform: capitalize;}
a: link{text-decoration: none;}
a: visited{text-decoration: none;}
.input{border: #3872b4 1px solid;height: 20px;line-height: 20px;font-size: 12px;}
#result_dao{border-right: #b3cad6 1px solid;padding-right: 0px;border-top: #b3cad6 1px solid;padding-left: 2px;font-size: 12px;float: left;padding-bottom: 0px;margin: 2px 0px;border-left: #b3cad6 1px solid;padding-top: 0px;border-bottom: #b3cad6 1px solid;background-color: #e6eff4;width: 100%;text-align: left;text-indent: 20px;color: #333333;}
#content{white-space: pre;}
/***rss***/.rss_b{/*border: 1px solid #99ccff;*/padding: 1px;line-height: 18px;font-size: 12px;width: 95px;height: 18px;text-align: center}
.rss_l{border: 1px solid #99ccff;background: #99ccff;margin: 0px;margin-right: 3px;padding-left: 2px;padding-right: 2px;color: #ffffff;}
.rss_a{border: 1px solid #99ccff;background: #e8f3fd;margin: 0px;padding-left: 1px;padding-right: 1px;color: #ffffff;}
.rss_a: link{color: #99ccff;}
.rss_a: visited{color: #99ccff;}
.rss_a: hover{background-color: #e8f3fd;text-decoration: none;color: #008ed2;border: 1px solid #99ccff;}
/********rank*********/.mo_{background-color: #ffffff;width: 48px !important;width: 50px;border: 1px solid #99ccff;cursor: pointer ;text-align: center;font-size: 12px;float: left;border-top: 1px solid #99ccff;border-bottom: 1px solid #99ccff;text-decoration: underline;color: #cccccc;}
.mu_{background-color: #e8f3fd;width: 48px !important;width: 50px;cursor: pointer ;text-align: center;font-size: 12px;float: left;border: 1px solid #99ccff;border-top: 1px solid #ff9966;border-bottom: 1px solid #99ccff;text-decoration: underline;}
.ms_{background-color: #ffffff;border: 1px solid #99ccff;border-top: 1px solid #99ccff;border-bottom: 1px solid #ffffff;width: 48px !important;width: 50px;height: 25px !important;height: 27px;cursor: default;text-align: center;font-size: 14px;line-height: 25px;float: left;}
.mx_{float: left;height: 260px !important;height: 250px;}
#Hot_Div span{float: left;height: 26px !important;height: 27px;border-bottom: 1px solid #99ccff;width: 2px;}
.top{background-image: url(bg2.gif);background-position: center -145px;background-repeat: repeat-x;padding-left: 5px;margin-top: 5px;width: 730px;float: left;margin-left: 8px;/*border: 1px solid #e8f3fd;*/border-top: 1px solid #99ccff;/*background-color: #e8f3fd;*/padding-bottom: 5px;}
.top h1{font-family: arial, helvetica, sans-serif;font-size: 15px;text-indent: 5px;}
.top li{float: left;width: 48%;/*background-color: #e8f3fd;height: 20px;*/}
.belong_topic{margin-left: 15px;text-align: center;font-size: 14px;}
#article{margin-left: 10px;width: 700px;margin-top: 20px;word-break: break-all;overflow: scroll !important;overflow: default;float: left;background-color: #FAFAFA;}
#copyright{width: 700px;margin-left: 20px;background-color: #F7F7F7;color: #8B8B8B;padding: 10px;}
#bd_more{display: none;}
#page_p_div{width: 100%;padding: auto;text-align: center;}
#page{margin: 0 auto;}
/*
#i_1{background-color: #fdf7ff;}
#i_1 li{background-color: #fdf7ff;}
#i_1 li{color: #333;}
#i_1 li a{color: #333;}*/#i_1 .list2{border-top: 1px solid #cc00ff;background-color: #ccccff;}
#i_1 .list2 h1{color: #333;}
#i_1 h3 a{color: #333;}
</textarea><br> 
<input type="button" onClick="$('code').value = CSSdecode($('code').value);" value="格式化"> | <input type="button" onClick="$('code').value = CSSencode($('code').value);" value="压缩化" /> | <input type="button" onClick="window.clipboardData.setData('Text',$('code').value);" value="复制"> | <input type="button" onClick="$('code').value = window.clipboardData.getData('Text');" value="粘贴"> | <input type="button" onClick="$('code').value = ''" value="清空">
</body> 
</html>

前一页：提交按钮在自定时间内灰色不可用

后一页：DIV+CSS分页代码,放大镜分页效果