工具

勾选去色 css去色 将css中的色值（包括rgb、rgba、英文单词色值如red等）转为黑白，生成文件名 *.cs → *.gray.css 图片去色 可处理 css/jpg/png/gif 图片生成位置：当前目录下的gray文件夹 .jpg → gray/.jpg 一键变灰 同时勾选去色及抽取图片，将css拖拽进来即可 抽取图片功能 详见CssGaga – 抽取图片 此操作后： 生成变灰的css *.cs → *.gray.css 生成变灰的图片并替换css中的路径 url(原地址) → url(img-css文件名/gray/) 若同时使用同步功能则自动同步至相关服务器并生成提单文件列表 网站页面变灰则只需在哀悼日改变css的文件名为*.gray.css，并上传gray目录的图片，

功能说明 双击 CssGaga.exe 启动时可以同时运行一些批处理文件，比如可以用来启动其他程序等等 使用说明 将批处理的 bat 文件放置在 CssGaga 程序目录下的 autorun 目录中即可 返回CssGaga – 帮助索引

勾选抽取图片 可将css文件引用的图片(jpg/gif/png)抽取到当前目录下的img-css文件名目录下，并替换图片路径为抽取后的路径 注：支持相对地址调用的图片，若图片不存在则不处理该图片 返回CssGaga – 帮助索引

功能说明 文件压缩合并之后，会有一个部署的需求，即将文件拷贝到不同的地方（比如某个SVN目录，或者某个测试环境），在 CssGaga 的界面右下角的 生成到 区域就是用来快速勾选部署环境的 CssGaga 只支持 Windows 资源管理器能直接打开的目录，所以如果是 ftp 的话，需要用一些软件（比如 NetDrive）将 ftp 虚拟为本地磁盘 文件格式 拖 css 生成出来的文件都可以同步过去，默认只支持前端常用的文件格式，是有限制的，不过可以自行添加更多格式，到更多选项里的同步文件类型输入框里修改即可 理解对应关系 用个 demo 来说明，比如本地有个项目 D:\gaga-demo 我要把其中的 D:\gaga-demo\css\style.

默认开启，无法关闭 Before: @import url("reset.import.source.css"); @import url("grid.import.source.css"); @import url("mod-1.source.css"); /* mod-1.source.css 中 @import url("media.source.css"); */ @import url("mod-2.css"); @import

此功能默认开启 勾选换行则每条规则后换行，否则全部压为一行 CssGaga参考了一部分YUI Compressor，拥有比YUI Compressor更极限的压缩 去除注释和空白 Before: /***** Multi-line comment before a new class name *****/ .classname { /* comment in declaration block */ font-weight: normal; } After: .classname{font-weight:normal} 去除结尾的分号 Before: .classname { border-top: 1px; border-bottom: 2px; } After: .classname{border-top:1px;border-bottom:2px} Before: 去除多余的分号 .classname { border-top:

默认开启，无法关闭，各功能中涉及的图片都会被压缩 *.png → *.png 无损压缩 *.jpg → *.jpg 有损压缩： 默认情况下，当图片面积 < 10000 时，质量≈ps的60，反之则为70 勾选jpg HD时，质量≈ps的80 若文件大于10KB，则转换为渐进式jpg 返回CssGaga – 帮助索引

Before: .base64{background-image:url('img/base64/logo.png');} 注：要转换的图片文件所在与css同级的img文件夹中的base64子目录中，且引用时为相对路径 After: .base64{background-image:url(data:image/png;base64,[base64 string of logo.png])} 若本地存在同名的 @2x 文件，则 After: .base64{background-image:url(data:image/png;base64,[base64 string of [email protected]]);background-size:[width

保留空格(IE6 bug) Before: .classname:first-letter { font-weight: bold; } .classname:first-line { font-weight: bold; } After: .classname:first-letter {font-weight:bold} .classname:first-line {font-weight:bold} 中文字体Unicode编码 Before: .classname { font-family: 宋体; } .classname { font-family: 黑体; } .classname { font-family: 微软雅黑; } After: .classname{font-family:5B8B4F53} .classname{font-family:9ED14F53} .classname{font-family:5FAE8F6F96C59ED1} 注：支持以上三种字体

拖了很久，今天终于要发布了，功能和使用方法看CssGaga帮助吧（内有视频演示） 下载CssGaga 这个跟之前项目里使用的有些差别： 重新调整了思路，代码改动较大，未在实践中检验，所以大家注意BUG并反馈哈 精简了界面，将一些功能（去注释、格式化、不换行压缩）默认开启，不再提供复选框进行设置