2

我的 CSS 文件中的所有颜色都分散在各处。

我希望我在 CSS 中的所有颜色都在一个地方，以便它们易于调整。像常量这样的东西会很有用。

什么是帮助的好方法？我在想像下面这样的东西，但我会很感激任何建议：

BODY_BACKGROUND_COLOR = #A8A8A8;
HEADER_BACKGROUND_COLOR = BLUE;
HEADER_TEXT = BLACK;
BODY_TEXT = #eee;

/* ... tonnes of CSS ... */

body {
  background-color: BODY_BACKGROUND_COLOR;

/* ... tonnes of CSS ... */

.header {
  /* ... tonnes of CSS ... */
  background-color: HEADER_BACKGROUND_COLOR;
  /* ... tonnes of CSS ... */
}
4

2 回答 2

6

您可以使用 CSS 处理器，例如LESS。

但是，如果您只想将颜色用作常量，则可以使用服务器端语言处理文件。

于 2012-06-06T11:55:03.187 回答
0

LESS绝对是一个合适的选择。除了将 js 文件添加到 HTML 之外，无需任何操作即可开始。请记住，它会增加您客户端的负载。一旦你喜欢它，你就可以在服务器端使用它，从而避免客户端负载。

它还为您提供了对颜色执行操作的选项 - 例如添加两种颜色、按给定百分比使颜色变亮和变暗等。

顺便说一句，我认为使用服务器端语言来处理每个请求的 CSS 文件会给服务器增加不必要的负担。而 AFAIK，包括 HTML 文件中的内联 CSS 代码是唯一的方法，这不是提供 CSS 文件的最佳方式（因为它们不能被缓存）。

于 2012-06-06T14:31:30.727 回答