CSS의 색상에 대한 상수를 정의하는 방법이 있습니까?

내 CSS 파일에있는 모든 색상이 여기 저기에 흩어져 있습니다.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 ... */ 
}

출처

2012-06-06 Robert Hume

가능한 복제본 [.CSS 파일 내에서 사용할 .CSS 파일의 변수 만들기] (http://stackoverflow.com/questions/47487/create-a-variable-in-css-file-for-use) -within-that-css-file) –

당신은 LESS 같은 CSS 프로세서를 사용할 수 있습니다.

그러나 색상을 상수로만 사용하려는 경우 서버 측 언어로 파일을 처리 할 수 있습니다.

출처

2012-06-06 11:55:03 alex

LESS은 분명히 적절한 선택입니다. HTML에 js 파일을 추가하는 것 외에는 아무 것도 시작하지 않습니다. 그것은 당신의 클라이언트에 짐을 추가 할 것이라는 점을 기억하십시오. 일단 당신이 그것을 좋아한다면, 당신은 클라이언트 쪽로드를 피하면서 서버 측에서 그것을 사용하여 시작할 수 있습니다. 나는 모든에 대한 CSS 파일을 처리하는 서버 측 언어를 사용하여 생각 Btw는 등,

을, 두 가지 색상을 추가 번개 주어진 백분율로 색상을 어둡게처럼 -

또한 색상에 대한 작업을 수행 할 수있는 옵션을 제공합니다 요청은 원치 않는 부담을 서버에 추가합니다. HTML 파일에 인라인 CSS 코드를 포함하는 AFAIK만이이를위한 유일한 방법이며 CSS 파일을 제공하는 최적의 방법은 아닙니다 (캐싱 할 수 없기 때문입니다).

출처

2012-06-06 14:31:30 viky

CSS의 색상에 대한 상수를 정의하는 방법이 있습니까?

답변

관련 문제