2009-05-15 5 views
1

내 사이트의 제목 h1의 크기와 색상을 변경할 수 없습니다.CSS의 제목 문제 H1

나는 외부 CSS 파일을 사용했다. 아래

코드 ..

h1 { 
    Background-color : red; 
    Color : green; 
} 
+0

HTML 문서는 어떻게 보이나요? – Gumbo

+2

덧붙여 말하자면, 정말 정말, 빨강과 초록색을 사용하는 것은 나쁜 생각입니다. 뿐만 아니라 방문자의 대략 5 % (아마 더 많은 것)는 아마 그것을 적당하게 볼 수 없을 것이다. 오, 접근성 테스트가 실패합니다. – Alya

+0

나는 수도가 있다는 것이 문제라고 생각했지만, 내 컴퓨터에는 아무런 걱정이 없다. 둘 이상의 브라우저를 사용하여 테스트 해 보셨습니까?* just * css와 거의 빈 HTML 문서를 사용하여 테스트 해 보셨습니까? – Alya

답변

0

시도 설정 뒤에 '중요!': 외부 CSS를 무시 다른 스타일이있는 경우

color: green !important; 

참고이 경우에만 적용. 외부 CSS 파일을 전혀 읽지 않았는지 테스트해야합니다. 예를 들어 새 단락을 작성하면됩니다. 그에게 아이디 (ID = "foo는")를주고 당신이 당신의 CSS는이 경로를 포함 확인해야합니다 녹색으로하지 않는 경우 CSS

color: green; 

이 설정합니다.

+0

선생님, 스타일 시트가 하나 밖에 없습니다. –

+0

좋아, 그럼 스타일 시트 경로가 잘못되었습니다. 스타일 시트에 어떻게 연결하고 있습니까? 절대 경로 (http : // 등)를 사용하지 않는 경우 시도하십시오. 이 URL을 브라우저에 붙여 넣어 URL에 도달 할 수 있는지 확인해야합니다. 그것은 당신의 CSS 파일의 텍스트 표현을 보여 주어야한다. – Erik

3

Firebug 또는 IE8 Developer Tools를 사용하여 요소를 검사하고 다른 스타일 시트 또는 HTML 문서의 다른 부분과 충돌하는 스타일이 없는지 확인하십시오.

0
당신은 대신 "레드"와 "녹색의 색상의 진수 코드를 사용하는 것이 좋습니다

"- 나는 일부 브라우저에서 이상한 행동을 일으키는 것을 보았습니다 (또는 완전히 무시 됨).

2

그게 나에게 잘 들립니다.

H1이 스타일 시트의 다른 곳에 이미 설정되어있는 경우 문제가 발생할 수 있습니다.

검색하거나 중요한 항목을 조정할 수 있습니다.

h1{ 
    background-color: #ff0000 !important; 
    color: #00FF00 !important; 
} 

희망이 또한

+0

아니요. 작동하지 않습니다. –

0
h1 { 
    background: red !important; 
    color: green !important; 
} 

하는 데 도움이, 원래 H1 선언이 작성 방법에 따라, 당신은 이전 값 (들)을 덮어 specificitycascading를 사용할 수 있습니다.

0

또한 외부 스타일 시트를 호출하는 순서를 고려해보십시오. 기본 CSS 파일이 먼저 표시되고 그 다음에 두 번째 스타일 시트가 표시 될 수 있습니다.이 스타일 시트는 H1에 설정된 스타일을 포함하고 있습니다.이 스타일 시트는 첫 번째 스타일 시트보다 우선 적용될 수 있습니다. stylesheet - 어쨌든 살펴볼 내용.

+0

님께서는 1 장만 스타일 시트가 있습니다. –

0

외부 스타일 시트가 사이트에로드되었고 올바르게 참조하고 있는지 확인했습니다.