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

CSS代码格式化和压缩化

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

以下为详细代码

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

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

相关阅读: 非常不错的页面搜索器,还可以移动; 福建省武夷山旅行社官方网站; 旅行社线路主题默认模板4; 设置自己个性的网页滚动条附详细介绍; 改进了的，超强的title效果，看了之后，你肯定会喜欢。; DIV+CSS实现内容垂直居中的一个例子; 改善用户体验之checkbox表单(最多可以选择三个); 右下角弹出框带关闭，非常不错，可以用于后台提示

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 连云港看网; 表格增加; 一次自动化批量处理服务器上几万张图片; 网上页面java图片循环滚动特效; asp数组随机排序; javascript表单验证！

更多标签热门标签

三级 px 混合 JavaScript实现文本框提示效果验证 option 珍惜文件大小 FTP adobe 倒计时创业优化 flash 第几楼强度间隔 getElementById DW 时间右键天气预报结果中英 label 青春例子 css 透明面板加减改变蜘蛛框架浮动成功 sql 文本框 CAD 图层代码多选数据表达旅游链接对联程序竖排 position 自动隐藏