|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
破洛洛文章简介:CSSGagaCcss紧缩.
- 此功效默许开启
- 勾选换行则每条划定规矩后换行,不然全体压为一行(MHTML除外)
CssGaga参考了一部分YUICompressor,具有比YUICompressor更极限的紧缩
往除正文和空缺
Before:- /*****Multi-linecommentbeforeanewclassname*****/.classname{/*commentindeclarationblock*/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:往除零值的单元并兼并过剩的零
Before:- a{margin:0px0pt0em0%;background-position:00ex;padding:0in0cm0mm0pc}
复制代码 After:- a{margin:0;background-position:00;padding:0}
复制代码 往除小数点前过剩的0
Before:- .classname{font-weight:normal}0
复制代码 After:- .classname{font-weight:normal}1
复制代码 紧缩border、outline
Before:- .classname{font-weight:normal}2
复制代码 After:- .classname{font-weight:normal}3
复制代码 色值紧缩
Before:- .classname{font-weight:normal}4
复制代码 After:- .classname{font-weight:normal}5
复制代码 不紧缩RGBA与IE滤镜中的色值
Before:- .classname{font-weight:normal}6
复制代码 After:- .classname{font-weight:normal}7
复制代码 往除编码声明
Before:- .classname{font-weight:normal}8
复制代码 After:- .classname{font-weight:normal}9
复制代码 紧缩IE滤镜
Before:- .classname{border-top:1px;border-bottom:2px;}0
复制代码 After:- .classname{border-top:1px;border-bottom:2px;}1
复制代码 往除过剩引号
Before:- .classname{border-top:1px;border-bottom:2px;}2
复制代码 After:- .classname{border-top:1px;border-bottom:2px;}3
复制代码 Before:- .classname{border-top:1px;border-bottom:2px;}4
复制代码 After:- .classname{border-top:1px;border-bottom:2px;}5
复制代码 不影响一般的引号
Before:- .classname{border-top:1px;border-bottom:2px;}6
复制代码 After:- .classname{border-top:1px;border-bottom:2px;}7
复制代码 对HACK的影响
撑持经常使用HACK
Before:- .classname{border-top:1px;border-bottom:2px;}8
复制代码 After:- .classname{border-top:1px;border-bottom:2px;}9
复制代码 不撑持以下HACK
- .classname{border-top:1px;border-bottom:2px}0
复制代码- .classname{border-top:1px;border-bottom:2px}1
复制代码 </p>
目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素. |
|