CSS Minimizer?

时间:2009-10-27 20:38:17

标签: html css optimization compression

你知道一个在线CSS压缩器有助于删除减少/无效的CSS声明并用更优化的CSS替换它吗?

意思是,我知道存在很多“压缩器”,只需删除标签,删除评论等。

但我正在寻找的东西足够聪明,可以知道:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 

与效率更高相同:

border: 1px solid red;

更新: 我正在尝试优化的CSS位于以下链接

http://tinyurl.com/yhy5ln

3 个答案:

答案 0 :(得分:8)

this做什么?它尽可能地美化,缩小,合并和简化规则,并且具有高度可配置性。

答案 1 :(得分:0)

Clean CSS是我之前尝试过的。

但是,对于合并规则的示例,我强烈建议您手动执行此操作,因为在某些情况下,任何自动工具都会弄乱某些内容或者无法捕获优化。

如果你有,例如:

border-top: 3px solid red; 
border-bottom: 3px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red;

优化此方法的最佳方法是:

border-width: 3px 1px;
border-style: solid;
border-color: red;

但优化者可能无法理解这一点。

修改

尝试上面的例子,Clean CSS没有切掉芥末。但是,FlumpCakes Optimizer更好。它捕获了你的例子,但不是我的高级例子。

答案 2 :(得分:0)

尝试Devilo.us

它还可以控制您希望压缩代码的数量。