<!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. Accounting_会计基础知识

    作为企业的财务人员,必须拥有一些技能和财务方面的知识,本文就所讲述的是财务岗位必须掌握的知识总结,仅供参考. 1.账面价值.账面余额和账面净值 账面价值是指某科目(通常是资产类科目)的账面余额减去相关 ...

  2. git配置gitignore

    一.背景                                                                                                 ...

  3. java使用ssh访问Linux的项目jscraft

    一.gradle地址 // https://mvnrepository.com/artifact/com.jcraft/jsch compile group: 'com.jcraft', name: ...

  4. VS2012开发cocos游戏遇到问题汇总

    1.编译成android时.须要改动jni/android.mk,每一个cpp都改动一下太麻烦,能够让他自己主动识别. # 遍历文件夹及子文件夹的函数 define walk $(wildcard $ ...

  5. USB的中断说明

    STM32的USB模块可以产生三种中断:USB唤醒中断.USB高优先级中断和USB低优先级中断,在STM32的参考手册中没有详细说明这三种中断对应哪些事件,现说明如下: 1)USB唤醒中断:在中断向量 ...

  6. Spring Boot热部署（springloader）

    使用方式一 在pom.xml文件添加依赖包: <plugin> <groupId>org.springframework.boot</groupId> <ar ...

  7. js替换iframe的内容

    使用如下方法可以替换页面中iframe里面的内容: for (var i=0; i<window.parent.frames.length; i++) { //window.parent.fra ...

  8. 第一个Verilog程序：通用加法器

    Verilog作为一门硬件描述语言,快速掌握它的方法就是不断的练习,反复动手实践,通过例子掌握隐藏在语句背后的硬件电路.下面是第一个需要学习的Verilog例子: )( :] a, :] b, inp ...

  9. [sql]大型网站MySQL深度优化揭秘

    大型网站MySQL深度优化揭秘 第1章优化的思路和线路 1.1 网站优化的思路    2 1.2 MySQL优化,nginx这样的东西怎么优化? 第2章硬件层面优化 2.1 数据库物理机 2.1.1 ...

  10. 8个非常实用的PHP安全函数，你知道几个？

    原文:Useful functions to provide secure PHP application 译文:实用的PHP安全函数 译者:dwqs 安全是编程很重要的一个方面.在不论什么一种编程语 ...