1

例如，在 Visual Studio 中，我可以在 CSS 值中键入“蓝色”，它会将其转换为适当的 RGB。是否可以定义自定义颜色？我希望能够定义“companyBlue”或“companyOrange”。

4

2 回答 2

2

由于您使用的是CSS文件，因此您不应该使用任何颜色名称，例如Blue, Green,... 因为浏览器会自行决定它们赋予这些颜色的颜色值。与 Google Chrome 相比，IE 中的颜色Green可能完全不同。

我建议使用十六进制值，而不是：

#000 /* Black */
#fff /* White */
#f00 /* Red */

您可以使用这个类似 Photoshop 的颜色选择器轻松获取十六进制值：http ://www.2createawebsite.com/build/hex-colors.html

现在，回到你原来的问题，你怎么能像companyOrange在 CSS 中那样使用变量？简单地说......只有CSS你不能使用任何变量。但是，您可以将值“存储”在 CSS 文件顶部的注释中，如下所示：

/*
    COLORS
    Black:          #000    
    Company Orange: #f64;
    Company grey:   #444;
*/

如果你真的想使用变量，你可以使用 CSS 预处理器，例如 SASS、LESS、Stylus，...所有这些都使用变量。

阅读更多：

于 2013-03-15T19:36:11.853 回答
0

我找到了这个，但不是很喜欢这个解决方案：http: //24ways.org/2006/faster-development-with-css-constants/

要真正实现常量，您需要在将文件发送到浏览器之前使用 CSS 以外的东西来处理文件。您可以使用任何脚本语言——PHP、ASP、ColdFusion 等来解析您已在其中输入常量的 CSS 文件。因此，在 CSS 文件的常量部分中，您将拥有：

$darkgrey = '#333333'; 
$darkblue = '#000066';

CSS 文件的其余部分与正常情况一样，只是当您使用常量值时，您将使用常量名称而不是添加颜色：

p { color: $darkgrey; }

然后，您的服务器端脚本可以解析 CSS 文件，将常量名称替换为常量值，并将有效的 CSS 文件提供给浏览器。Christian Heilmann 已经为 PHP 做到了这一点，但是这可以适用于您服务器上可用的任何语言。

Shaun Inman 提出了另一种执行此操作的方法，它无需链接到 PHP 脚本，还可以使用 at-rules 的语法添加常量。此方法再次使用 PHP，需要您编辑 .htaccess 文件。

另一种方法是使用本地脚本生成静态 CSS 文件（如果常量只是为了加快开发速度）或作为 Web 应用程序本身的一部分。使用常量名称存储模板样式表来代替您要更新的值意味着您的脚本可以简单地打开模板、替换变量并将结果保存为新的样式表文件。

虽然 CSS 常量对开发人员来说是一个真正的帮助，但它们也可以用来为您的应用程序添加新功能。与我在本文开头使用的电子邮件地址示例一样，结合使用 CSS 和服务器端脚本，您可以使站点管理员能够选择新主题的颜色，以便在托管内容的页面上使用地点。通过使用常量，您只需让他们选择更改 CSS 的某些部分，而不是上传完全不同的 CSS 文件，这可能会导致一些有趣的结果！

由于今年圣诞节我们不太可能在树下找到真正的 CSS 常量，因此上述方法是更好地管理样式表的一些可能性。但是，如果您有更好的方法、CSS Constant 恐怖故事或任何其他建议，请在下方添加您的评论。

于 2013-03-15T19:14:45.703 回答