<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>CSS格式化 css代码在线压缩-CSS代码格式化，css在线压缩工具可减少CSS文件体积，让CSS文件更规范</title>

<style>

body,textarea,input{font:11pt "微软雅黑",Tahoma;}

</style>

<meta http-equiv="x-ua-compatible" content="ie=7" />

 <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>

</head>

<body>

<table width="80%" border="0" cellspacing="3" cellpadding="0" align="center">

    <tr>

      <td>CSS代码在线压缩工具，CSS格式化，让CSS代码更规范，体积更小，有利于阅读代码和网页加载速度。而且本页提供的CSS代码格式化功能不需要使用YUI Compressor 或者 CSSTidy等离线工具，直接在线操作。</td>

    </tr>

    <tr>

      <td><textarea id=code title="请把CSS代码粘贴在这里" style="WIDTH: 100%; HEIGHT: 300px"></textarea></td>

    </tr>

    <tr>

      <td><input onClick="$('code').value = CSSdecode($('code').value);" type=button value=格式化>  <input onClick="$('code').value = CSSencode($('code').value);" type=button value=压缩化>  <input onClick="window.clipboardData.setData('Text',$('code').value);" type=button value=复制>  <input onClick="$('code').value = window.clipboardData.getData('Text');" type=button value=粘贴>  <input onClick="$('code').value = ''" type=button value=清空> </td>

    </tr>

  </table>

</body>

</html>

CSS格式化 CSS代码压缩工具的更多相关文章

  1. sublime格式化css代码插件：css format

    有时会从网上下载一些css压缩文件,打开后所有代码都在一行,不利于阅读,通过css format插件,能快速展开代码,方便阅读. 参考:Sublime Text 上最好用的 CSS 格式化插件 —— ...

  2. Bootstrap CSS 栅格、代码和表格

    一.bootstrap栅格 Bootstrap 提供了一套响应式.移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列. Bootstrap 网格系统(G ...

  3. css初始化样式代码

    为什么要初始化CSS? CSS初始化是指重设浏览器的样式.不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一.如果没对CSS初始化往往会出现浏览器之间的页面差异.每次新开发 ...

  4. jdk、apache-ant结合yuicompressor配置的CSS与JS合并压缩工具

    前序:网上很多css与js合并打包工具,其中最流行的就是ant结合yui-compressor,鉴于学习与工作需要今天就学习了一下这种方式,供大家学习交流. 步骤:1.安装jdk,并配置其变量环境:有 ...

  5. 一些实用的CSS Media Query代码片段，个人采集

    CSS3的出现让响应式Web设计变得简单,CSS3提供了强大的media queries,允许你针对不同的条件设置不同的样式,可以在不修改页面内容的情况下,为不同设备提供不同的样式效果. 以下是一些C ...

  6. JavaScript动态加载资源【js|css】示例代码

    在开发过程中会用到各种第三方的插件,或者自己写在单独文件中的js方法库或者css样式,在html头部总是需要写一大堆的script和link标签,如果想要自己实现动态的引入资源文件,可以使用开源的re ...

  7. CSS初始化示例代码

    CSS初始化示例代码 /* css reset www.admin10000.com */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code, ...

  8. 前端html、CSS快速编写代码插件-Emmet使用方法技巧详解

    前端html.CSS快速编写代码插件-Emmet使用方法技巧详解   Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来 ...

  9. js css样式操作代码（批量操作）

    js css样式操作代码(批量操作) 作者: 字体:[增加 减小] 类型:转载 时间:2009-10-09   用js控制css样式,能让网页达到良好的的用户体验甚至是动画的效果.并且考虑到效率.   ...

随机推荐

  1. Oschina 安卓client源代码学习之中的一个

    今天主要研究一下两个功能 (1)双击返回键退出程序 (2)接近完美地退出程序 (1) 在非常多应用程序里都有一个功能,就是点击返回键,之后提示你再点击返回键就退出程序. 之前一直非常好奇这是怎么实现的 ...

  2. NET使用NPOI组件将数据导出Excel-通用方法 【推荐】

    一.Excel导入及导出问题产生:   从接触.net到现在一直在维护一个DataTable导出到Excel的类,时不时还会维护一个导入类.以下是时不时就会出现的问题:   导出问题:   如果是as ...

  3. 《Effective Java》读书笔记五（枚举和注解）

    No30 用enum代替int常量 一:综述 int枚举模式,示范: // The int enum pattern - severely deficient! public static final ...

  4. UNIX环境高级编程（第三版）关于apue.h的用法

    UNIX环境高级编程(第三版)中的例子用到apue.h这个头文件,但是书里面写的地址已经不能访问. 经过一番查找之后,找到如下解决方案: 1.到www.apuebook.com上下载第2版的源码,也可 ...

  5. Latch: Row Cache Objects (One bug?)

    During the performance test, observe the following condition in the database server from EM, And the ...

  6. 【Anroid】9.1 ListView相关类及其适配器

    分类:C#.Android.VS2015: 创建日期:2016-02-18 一.简介 列表视图(ListView)是Android应用程序中使用最频繁的UI组件,从无处不在短菜单选项列表到冗长的联系人 ...

  7. 苹果开发小记（一）：NSString 的比较用法

    转自:http://blog.sina.com.cn/s/blog_897dd7be0100teh6.html 做了几个月的苹果,很多的思想方法都可以遵循一定规律来做的.NSString 比较字符串, ...

  8. 完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动栏失效问题

    在iframe外层包一层div,加入例如以下样式: style="-webkit-overflow-scrolling:touch;overflow:auto;" 代码例如以下: ...

  9. redis make test 报错

    [root@ok redis-]# make test cd src && make test make[]: Entering directory `/usr/local/src/r ...

  10. Oracle PLSQL Demo - 17.游标查询个别字段（非整表）

    declare Type ref_cur_variable IS REF cursor; cur_variable ref_cur_variable; v_empno scott.emp.empno% ...