网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
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"> <!-- 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 {'); 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'); code = code.replace(/:/ig,': '); code = code.replace(/ /ig,' '); return code; } //--> </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分页代码,放大镜分页效果
后一页:
提交按钮在自定时间内灰色不可用
相关阅读
ASP汉字图片验证码
洪江市道德模范评选 - 网络投票
QQ强聊
澳游网
纯asp根据当前日期计算出相应的星座
网站最近更新缓慢说明
深山留言板V2.1 Build 090620
四川悠旅地旅游有限公司
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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还有其它的吗
更多>>
随机抽取信息
asp在线把整站打包成为.mdb形式文件
华东宾馆网站
深山旅行社管理系统 v1.8
测试电脑硬件信息软件
连云港五洲旅行社有限公司
对access数据表进行操作
更多标签
热门标签
渐隐
载入
csss
strong
防止
js
media
border
电脑
高
open
xhtml
hover
sql
电影
柱状图
html
案例
asasds
onload
JavaScript实现文本框提示效果
获取
单选
压缩
转换
百度
判断
半透明
按钮
快捷
人生
管理
div CSS
深山旅游网站管理系统V1.0
收藏
lightbox
留言次数
长
注册表
眼睛
日期
模式
中英
轮流
滑过
变大
行号
安装包
表达
margin
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号