CssGaga教程:css压缩
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-02-23
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: 1px; ; border-bottom: 2px;;; } After: .classname{border-top:1px;border-bottom:2px} 去除无效的规则Before: .empty { ;} .nonempty {border: 0;} After: .nonempty{border:0} 去除零值的单位并合并多余的零Before: a { margin: 0px 0pt 0em 0%; background-position: 0 0ex; padding: 0in 0cm 0mm 0pc } After: a{margin:0;background-position:0 0;padding:0} 去除小数点前多余的0Before: .classname { margin: 0.6px 0.333pt 1.2em 8.8cm; background: rgba(0, 0, 0, 0.5); } After: .classname{margin:.6px .333pt 1.2em 8.8cm;background:rgba(0,0,0,.5)} 压缩border、outlineBefore: .classname { border-left: 0 none; border-right: none; border: 0 none; outline: 0 none; } After: .classname{border-left:0;border-right:0;border:0;outline:0} 色值压缩Before: .color-me { color: rgb(123, 123, 123); border-color: #ffeedd; background: none repeat scroll 0 0 rgb(255, 0,0); } After: .color-me{color:#7b7b7b;border-color:#fed;background:none repeat scroll 0 0 #f00} 不压缩RGBA与IE滤镜中的色值Before: .cantouch { color: rgba(1, 2, 3, 4); filter: chroma(color="#FFFFFF"); } After: .cantouch{color:rgba(1,2,3,4);filter:chroma(color="#FFFFFF")} 去除编码声明Before: @charset "utf-8"; #foo { border-width: 1px; } /* second css, merged */ @charset "another one"; #bar { border-width: 10px; } After: #foo{border-width:1px}#bar{border-width:10px} 压缩IE滤镜Before: .classname { -ms-filter |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于CssGaga教程:css压缩的所有评论