CSS代码格式化和压缩化 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

CSS代码格式化和压缩化

深山行者个人网站 2010/2/7 20:54:55 深山行者字体:大中小浏览 10085

以下为详细代码

<!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分页代码,放大镜分页效果

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

相关阅读: 网站提示错误页面，几秒后返回首页; 网站需要SEO,基本的SEO建站要点; 经常使用到有关数据库的操作sql; 一个运行HTML文件的代码; input输入框的一些属性详解; 用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框; 测试电脑硬件信息软件; CSS设计中常见的精华问题收集

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: CSS选择符详解; ASP.NET 2和IIS 7.0发生不兼容变化; ASP.NET中文乱码问题的解决。; DateDiff(计算类型,日期1,日期2)计算两个日期之间的差; 利用java控制图片的大小; 用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框

更多标签热门标签

菜单程序 CSS滤镜设计论坛经典的文件我想你强聊 JavaScript实现文本框提示效果数据库控件搜索引擎 asp 个人轮流代码 css 高亮表达式链接 ico sel 框事务 Response display Dreamweaver 代码 getElementById label 增高省略 msn 列表 mop 市工作室查询 clear rnd 浮动中英柱状故事 innerText dreawmeaver 名称后台生成器表格计算