2

CSS ファイル内のすべての色があちこちに散らばっています。

CSS のすべての色を 1 か所にまとめて、簡単に調整できるようにしたいと考えています。定数のようなものが役に立ちます。

助けるための良いアプローチは何ですか？以下のようなものを想像していますが、何か提案をいただければ幸いです。

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

LESSなどの CSS プロセッサを使用できます。

ただし、色を定数としてのみ使用したい場合は、おそらくサーバー側の言語でファイルを処理できます。

于 2012-06-06T11:55:03.187 に答える
0

LESSは間違いなくこれに適した選択です。HTML に js ファイルを追加する以外は、何も始める必要はありません。クライアントの負荷に加算されることを忘れないでください。気に入ったら、サーバー側で使用を開始できるため、クライアント側の負荷を回避できます。

また、2 つの色を追加したり、特定のパーセンテージで色を明るくしたり暗くしたりするなど、色に関する操作を実行するオプションも提供します。

ところで、リクエストごとにサーバー側の言語を使用して CSS ファイルを処理すると、サーバーに不要な負担がかかると思います。また、HTML ファイルに CSS コードをインラインで含めることが唯一の方法であり、これは CSS ファイルを提供する最適な方法ではありません (キャッシュできないため)。

于 2012-06-06T14:31:30.727 に答える