css - 在 visual studio 中定义自定义颜色？

Question

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

Answer 1

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

我建议使用十六进制值代替:

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

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

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

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

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

阅读更多:

• http://sass-lang.com/
• http://lesscss.org/
• http://learnboost.github.com/stylus/