CSS转换代码组织

我正在尝试CSS转换这些天。我正在尝试使用纯CSS来构建一个动画网页。CSS转换代码组织

一切正常，但我遇到了与组织相关的问题：我的CSS文件看起来像一团糟！如果客户要求我推迟一个特定的动画或改变另一个动画的顺序 - 我需要一点时间才能找到正确的方法来做到这一点（很少的时刻=太多）。

我可以将animation-command与pure-design-css分开吗？我应该如何设计浏览器前缀CSS（一行或多行）？更改动画速度必须像点击一样简单（但现在我需要输入5次）。

我很高兴听到关于CSS Trnasitions代码组织的一些想法。谢谢！

2012-04-01 SRachamim

您可以尝试一个js库作为[前缀免费]（http://leaverou.github.com/prefixfree/）。你可以通过contex（general.css，home.css等）来分离你的css文件，并用一些缩小器将它们联合起来。 – marspzb 2012-04-01 09:28:02

我的横幅开发使用CSS转换的经验是，我不得不将CSS转换与JavaScript结合起来，以保持我的CSS文件的健全，并让我很好地控制何时以及如何发生。 – noponies 2012-04-01 21:11:59

无论CSS文件的内容（转换规则等）如何，都应该组织CSS文件，这对浏览器的解析和文件的可读性都有贡献。请注意：

您应该根据规则规范和级联（明显）订购CSS，并且在可能的情况下也会聚合重复规则。
强烈建议添加一个目录，请参阅article on CSS files organization中的示例。
您最好按照建议在google's 'make the web faster' article on payload处以一致的方式订购键值对（例如按字母顺序排列）。

2012-04-01 09:40:48

回答