CSS에서 다른 배경색을 사용하는 방법은 무엇입니까?

5 개의 웹 페이지가 있고 각각의 웹 페이지에 배경색이 달라지기를 원한다고 가정 해 봅시다. 나는 단지 1 개의 CSS 파일을 사용하고있다. 각 웹 페이지는 다음과 같이 액세스 할 수 있습니다. domain.com/page1CSS에서 다른 배경색을 사용하는 방법은 무엇입니까?

5 가지 CSS 파일을 사용하고 신체의 배경색을 변경합니까? 아니면 더 간단한 방법이 있습니까?

출처

2013-03-02 AAA

동일한 CSS 파일을 사용할 수 있지만 각 웹 페이지 본문에 다른 클래스를 제공 할 수 있습니까? – StuR

하나의 CSS 파일을 사용하는 이유가 있습니까? 하나의 파일에 여러 사이트에 대한 규칙을 넣고 싶습니까? 이 경로를 계속 진행하면해야합니다. – Jon

@jon 나는 새로운 사람들이 물건을 시험해보고 차이점에 대해 잘 모르지만 대부분의 사람들이 단지 하나의 파일을 사용한다고 생각했습니다. – AAA

각 사이트의 <body>에 다른 class을 추가 한 다음 해당 클래스를 사용하여 적절한 배경색을 얻으십시오.

물론 모든 사이트에 공통적 인 코드를 곱하지 않아도됩니다. 예를 들어

출처

2013-03-02 21:52:53 MarcinJuraszek

body 태그보다 html 태그가 더 좋습니다 – HerrSerker

감사합니다. @marcinjuraszek. 나는 초보자이며 부끄럽다. 나는 이것을 생각해야했다 !! – AAA

@GuidoJansen HTML4에서'class'는 ''태그에 추가 될 수 없습니다 – MarcinJuraszek

"PAGE1"에

<body id="page1">

"페이지 2"에서 :

<body id="page2">

귀하의 CSS :

모든 페이지를 사용하는 경우에 잘

body#page1 { 
    background: red; 
} 

body#page2 { 
    background: blue; 
}

출처

2013-03-02 21:54:07 Guicara

동일한 CSS 파일이 동일한 배경에 표시됩니다. 모두에게 익숙해 져야합니다 ...

쉬운 방법 중 하나는 몸에있는 기존 배경색을 없애는 것입니다. 그래서 당신은 포함 된 CSS 파일과 같은 경우 :

body 
{ 
    background-color: aqua; 
}

그 아래 (CSS 파일이 실행 된 후)하고 새 색상을 가질 필요가 페이지에 당신은 단지 다음 그것을 번복 할 수

을

<style type="test/css"> 
body 
{ 
    background-color: blue; 
} 
</style>

출처

2013-03-02 21:54:18 JohnMalkowich

다음과 같이 각 페이지의 body 태그에 간단한 인라인 스타일을 추가하는 것은 어떻습니까?

페이지 01

<body style="background-color:#111;">

페이지 02

<body style="background-color:#222;">

설계에 관해서, 색상 이러한 제안의 변화는 종종 나쁜 03

<body style="background-color:#333;">

베어 염두에두고있다 페이지 것을 생각. 아이디어 뒤에 어떤 기능이있을 수도 있지만 그렇지 않으면 디자인 과정 전반에 걸쳐 일관성과 결합 된 미니멀리즘을 권합니다.

출처

2013-03-02 22:00:41 owenprescott

CSS에서 다른 배경색을 사용하는 방법은 무엇입니까?

답변

관련 문제