Question

我阅读了许多需要ruby的CSS相关语言和工具。

这些的目的是什么？语言和工具如何保存时间并改进我们的CSS编码。
红宝石语言的作用是什么？这些语言和工具。
我是否需要安装和学习 ruby 语言使用这些语言和工具。
我需要安装ruby吗？网站将在哪里主办。

我正在谈论这些语言

http://lesscss.org/

http://sass-lang.com/

http://compass-style.org/

这里提到了一些：

http://www.ruby-toolbox.com/categories/css_frameworks.html

我在Windows XP PC上，我如何使用这些基于Ruby的语言，哪个更受欢迎？我不懂红宝石语。

Answer 1

要点

这些语言（我更喜欢框架或扩展）的css是将您的工作流程整合到您的css中，从而节省您的时间。怎么样？

让我们想象一下，你有div some-long-class-to-be-sure-what-it-does的div，而div有h3个孩子，p孩子，.some-other-class孩子等等（span子）。

现在，如果你想要对所有这些进行设置，你必须做这样的事情：

.some-long-class-to-be-sure-what-it-does { width: 120px; } 
  .some-long-class-to-be-sure-what-it-does h3 { font-size: 20px; }
  .some-long-class-to-be-sure-what-it-does p { margin-bottom: 30px; }
  .some-long-class-to-be-sure-what-it-does .some-other-class { width: 120px; }

通知浏览器（{）仅h3 .some-long-class-to-be-sure-what-it-does font-size: 20px;。{/ p>

对于大多数这些解析器/框架，你有（现在只是一个例子）嵌套在手：

.some-long-class-to-be-sure-what-it-does {
  width: 120px; 
    @ h3 { font-size: 20px; }
    @ p { 
        margin-bottom: 30px;
        @ .subclass { color: red; }
      }
    @ .some-other-class { width: 120px; }
 }

为您提供更小的CSS，从长远来看更容易编辑（这是主观的，您可能会发现它更难与您合作）。

另外，除了嵌套之外，它们还以其他方式扩展css：常量（将东西分配给@ col1并在三个地方使用它，然后你决定，你需要更轻的东西...... bam！你编辑一次），标志，输出格式等等，所以我想你会找到使用它的方式。

如何使用它

大多数情况下，您不是将其安装在PC上，而是安装在服务器上。而不是经典的CSS，你链接你的网站与安装的CSS解析器/框架/语言，每次调用计算（或将使用缓存版本，如果avalaible）普通css - 但是当你编辑它时，你编辑你的CSS的简化/扩展版本

编辑：您不以用户身份将其安装到PC上，但需要将其安装到您正在开发的环境中。如果它是您PC上的localhost，那么是的，您将它安装在您的PC中 - 但不是作为用户，而是在您本地运行的服务器上。

红宝石？

我认为，对于ruby来说，这些对css的扩展是第一次。但现在你可以找到其他语言 - 我作为PHP程序员，找到了Anthony Short的CSScaffold：

github，描述不多
http://github.com/anthonyshort/csscaffold

脚手架的网站，目前离线
http://scaffoldframework.com/

编辑：它的用途是什么？

在该尝试示例中，您会看到使用多个常量进行计数。这样，如果您将!sidebar从200px更改为300px，则css的每个部分都会重新计算。每个地方都提到这个常数，单独或计算。

另一：

.NET中的SASS - Better CSS in .NET?
.NET中的css较少 - http://www.dotlesscss.com/

Answer 2

您的PC上不需要任何东西，这些应该安装在您的网络服务器上，您必须根据框架规则编写CSS代码。

将webapp部署到服务器后，这些框架会编译样式并将其转换为传统样式表。

据我所知，这主要是他们所做的事情。

思南。

如何使用这些基于ruby的CSS样式表框架语言？

2 个答案:

要点

如何使用它

红宝石？

编辑：它的用途是什么？

另一：