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

CSS代码格式化和压缩化

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

以下为详细代码

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

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

相关阅读: 关于css; 根据页面模板动态生成html页面; 深山旅行社网站管理系统 v1.5; Appium元素定位方式之android_uiautomator定位; 深山行者留言系统V3.1; 北京顺义阿来电脑科技有限公司; 利用CSS里面的A:hover鼠标滑过缩略图时放大图片; 一个javascript写的RGB的调色器,非常不错

共有0条关于《CSS代码格式化和压缩化》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 实现windows关机效果代码; JS自动格式化输入的数字/千位分隔符; 兼容IE和FF的收藏本站、设为首页代码; 利用CSS中的Clip属性来创造各种多彩的文字; 闪客精灵下载; 深山留言板系统(七夕情人节专用) v3.7

更多标签热门标签

刷新学习 DOCTYPE ie 规则我想你翻页柱状访问量 cpu 验证幻灯查找字母半透明对象小旋风 IE8 伪类管理系统替换采集网页制作默认高度尺寸站长获得斜线层 shift ie7 风格相册 alert 模式 adobe 翻滚三级导出强聊上下左右 html 市 onmouserout 下划线限制 txt clear dl 快捷