CSS 내부 외부 VS 스타일 시트

나는 웹 페이지를 만드는거야 내가 상단에있는 스타일 태그를 사용하기 시작했다 :CSS 내부 외부 VS 스타일 시트

내 모든 그래픽 디자인을 내을 styles.css에 있지만 일부가되고 싶어요

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Front Page</title> 
    <link rel="stylesheet" type="text/css" href="CSS/Styles.css" /> 

    <style type="text/css"> 
    </style> 
</head> 
<body> 
</body> 
</html>

이유는 작동하지 않습니다. 내가 좋아하는 뭔가를 추가 할 때 : 나는 문서의 위, 태그에 넣어 때

<div class="box"></div>

그것은 작동하지만, 나는 CSS 파일에 넣어되지 않은 경우 :

div.box { 
     margin:0 auto; 
     width:500px; 
     background:#222; 
     position:relative; 
     left: 50px; 
     top: -200px; 
     height: 100%; 
     border:1px solid #262626; 
     padding: 0 5px 5px 0; 
    }

이 요소를 디자인합니다. 이전에는 문제가 아니었지만 이제는 스타일 태그에 모든 것을 추가했습니다. 실제로 길어지고 있습니다 (150 줄!). 내 모든 페이지를 CSS 파일로 이동하여 주 페이지의 스크롤이 줄어들도록하고 싶습니다. 그러나 그래픽 파일을 CSS에 넣으면 그래픽 변경 사항이 적용되지 않는 이유를 이해할 수 없습니다. 어떤 아이디어?

출처

2012-09-28 Michael Benneton

경로가 잘못되었을 수 있습니다. 네트워크 탭에서 관리자 (chrome) 또는 방화 광 (firefox)을 확인하여 올바르게 가져 왔는지 확인하십시오. –

@ MadaraUchiha 크롬을 사용하므로 F12 키를 누른 다음 정확히 어디에서 볼 수 있습니까? –

Netowrk 탭 : http://i.stack.imgur.com/GGRG2.png. CSS 파일을 검색하여 Status가 200인지 확인합니다. 그렇지 않으면 문제가 있습니다. –

그것은 당신이 단순히 캐시를 지워야 할 가능성이 있습니다. CTRL + F5은 일반적으로 트릭입니다. 귀하의 사이트를 방문하는 신규 사용자는 그렇게 할 필요가 없습니다.
오타가 있거나 ;으로 위의 문구를 닫지 않았을 수 있습니다.
이 문제가 특정 문제 일 수 있습니다. 즉, 다른 규칙이 규칙을 재정의하는 것일 수 있습니다. Read about it here.

출처

2012-09-28 19:25:45

대소 문자를 구분하는 파일 시스템 (Linux)을 사용하십니까? CSS/Styles.css으로가는 경로가 정확해야합니다. 또한 페이지와 관련이 있으며 <basepath/>입니다. 절대 URL을 사용하여 경로 문제를 배제하십시오.

경로에 문제가 없다면 우연히 CSS 파일에 오타가 생겨 규칙이 누락되었을 수 있습니다.

CSS 파일이 좋은 경우 브라우저에 캐시 된 이전 버전이있는 것일 수 있습니다. 캐시 지우기를 시도 했습니까? CSS 파일의 경로가 확실히있는 경우 일어날 수있는 여러 가지가 있습니다

출처

2012-09-28 19:16:28 jimp

이상한 것은 CSS 파일의 내용 중 일부가 각 요소에 적용되기 때문에 경로 문제가 아니라는 것을 알고 있습니다. 왜 이런 일이 일어날 지 아십니까? –

CSS 파일에 오타가있어 규칙 처리가 일찍 끝나는 것처럼 들립니다. CSS 파일의 구문이 올바른지 다시 확인하십시오. – jimp

스타일 태그에서 작동하는 경우 CSS 파일에 잘라 붙이기 만하면됩니다. 아직 작동하지 않아야합니까? –

CSS 내부 외부 VS 스타일 시트

답변

관련 문제