CSS框架建议

Question

当我说CSS框架时，我不是指重置或网格。我指的是像xCSS、csscaffold或compass这样的框架。

我做CSS已经有几年了，但对框架并没有太多的了解。有没有人有过使用它们的经验？有哪些潜在的缺点？哪些框架是流行的/推荐的？

谢谢。

Answer 1

我所知道的最酷的CSS框架是LESS。它允许您使用类似CSS的语法添加变量、继承、算术运算和其他很酷的功能--然后使用构建步骤或服务器插件将其“编译”成常规的CSS。

就像C到C++一样，LESS的语法是向后兼容的，所以你可以简单地将所有的.CSS文件重命名为.LESS，并开始添加更少的功能，而不需要学习一门全新的语言。

正如下面的评论所指出的那样，Rails和PHP对服务器插件的支持已经很少了。还有一个ASP.NET port in Beta。显然还有对Django的支持。和ColdFusion。以此类推。

请注意，作为构建过程的一部分，使用LESS (作为输出CSS文件的Ruby可执行文件)可以与运行它将.LESS文件编译成.CSS一样简单。当然，构建机器必须能够运行Ruby，除非您使用的是将LESS编译器移植到该平台的自然代码的插件。

请注意，xCSS提供了与LESS类似的特性--不过我还没有听说过xCSS。AFAIK LESS更受欢迎，但社区中的其他人可以加入进来，因为受欢迎程度变化很快！

Answer 2

自从90年代首次支持CSS以来，它并没有发生太大的变化。它已经过时了，并且没有遵循自其构思以来不断发展的最佳实践。我相信像xCSS这样的新兴框架就是CSS的这些缺陷的结果。

考虑到这一点，令人费解的是CSS框架受到了相当多的批评。框架就是一种工具！你不能断言它没有一个有效的用例。开发人员怎么会知道这样的事情？

我一直在使用xCSS来应用面向对象的CSS的概念。它还处于早期阶段，但看起来它是一个非常有用的工具。它可以帮助我向那些不需要学习CSS的第三方展示CSS的界面。它帮助我减少信息的重复，它将CSS属性和类组合成一种格式，可以防止分布式信息的软件腐烂。

Answer 3

如果你使用sass，我推荐：

1. compass加上sass，它非常方便且功能强大，可以帮助您加快前端工作流程。

这是指南针的url：http://compass-style.org/

1. 如果您使用bootstrap或foundation，我建议使用less +winless。