这些天我在尝试CSS转换。我正试图建立一个只使用CSS的动画网页。
一切都很好,但我遇到了一个与组织相关的问题:我的CSS文件看起来一团糟!如果客户要求我延迟一个特定的动画或更改另一个动画的顺序,我需要几分钟才能找到合适的行(几分钟=太多)。
我可以将动画命令与纯设计css分开吗?我应该如何设计浏览器前缀CSS(一行或多行)?更改动画速度必须像单击一样简单(但现在我需要键入5次)。
我很高兴听到一些关于CSS Trnasitions代码组织的想法。非常感谢。
CSS文件无论其内容如何(转换规则等)都应该进行组织,这有助于浏览器的解析,也有助于文件的可读性。注意:
- 您应该根据规则规范和级联(显然)对CSS进行排序,并尽可能聚合重复的规则
- 强烈建议添加一个目录,请参阅本文中关于CSS文件组织的示例
- 你最好按照谷歌关于有效负载的"让网络更快"文章中的建议,以一致的方式对键值对进行排序(例如按字母顺序排列)