html이 연결되지 않았습니다.

html과 CSS를 연결하는 데 문제가있어서 그 이유를 모르겠습니다. 나는 책과 튜토리얼처럼 모든 것을하고있다. 그러나, 나는 CSS의 외부 구성을 할 점점 아니에요.html이 연결되지 않았습니다.

<!DOCTYPE html> 
<html lang = "eng"> 
    <head> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0"> 

     <title>title</title> 
     <meta name="description" content=""> 
     <meta name="keywords" content=""> 

     <link rel="stylesheets" type="text/css" href="/styles.css"> 
    </head> 

    <body> 
     <h1>test</h1> 
    </body> 
</html>

및 CSS :

이

코드 (단지 테스트)입니다

body { 
    background-color:#CCCCCC; 
} 

h1 { 
    color:#0000EE; 
}

어쩌면 내가 뭔가를 그리워 때문에 내가 (내 HTML 코드 내에서) 내부 CSS를 할 때를 가서 웹 브라우저가 읽을 수 있습니다. html이 css와 연결되어 있지 않은 것 같지만 경로가 문제가 아니어야하므로 동일한 폴더에 있습니다.

저는 Linux와 Aptana Studio를 사용하고 있습니다.

지난 2 시간 동안 많이 검색 한 결과 실수가 어디인지 찾을 수 없습니다.

출처

2013-08-24 Telmo Vaz

'html' 파일 옆에'styles.css' 파일이 있습니까? 그리고 CSS 콘텐츠가 있습니까? – hallaji

당신을 styles.css 앞에 /를 넣어 그들이 동일한 폴더에 있는지 확인하지 마십시오

출처

2013-08-24 20:48:04

에서 호출하는 곳이기 때문에 style.css이 루트 웹 디렉토리에 있는지 확인합니다.

출처

2013-08-24 20:49:15

rel 속성 그냥 단수하지 복수뿐만 아니라 거기에 스타일 시트를 가져야한다

출처

2013-08-24 20:51:43

관심을 가져 주셔서 감사합니다. 이것은 물론 나를 도왔습니다. 그러나 문제는 실제로/앞에있었습니다. –

대신이 시도 :

<!DOCTYPE html> 
<!-- Language was wrong? --> 
<html lang = "en"> 
    <head> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0"> 

     <title>title</title> 
     <meta name="description" content=""> 
     <meta name="keywords" content=""> 
<!-- Check the path to the file - I made it relative to where the HTML is --> 
<!-- Correct the rel attribute's value too --> 
     <link rel="stylesheet" type="text/css" href="./styles.css"> 
    </head> 

    <body> 
     <h1>test</h1> 
    </body> 
</html>

출처

2013-08-24 20:57:02

그냥? 그 점을 추가하는 것이 왜 도움이되는지 설명하지 않겠습니까? – Shikiryu

을 나는 당신이 우리가 통과 그런 다음이 문서 Absolute and Relative Paths

을 읽어 초대 귀하의 코드 :

은 다음과 같아야합니다

<link rel="stylesheet" type="text/css" href="styles.css">

귀하의 styles.css은 HTML 파일과 같은 폴더에 있어야합니다.

오류가 있는지 확인하려면 브라우저의 콘솔을 확인하면 파일이 존재하지 않는 것으로 나타납니다 (404 오류).

당신의 CSS 작업을하려는 다른 방법은 분리하지 않고 페이지 내에서 그것을 통합하는 것입니다

예 : 저도 같은 문제가 올바른 디렉토리 구조 내 문제를 해결 정정했다

<style type='text/css'> 

    body { 
     background-color:#CCCCCC; 
    } 

    h1 { 
     color:#0000EE; 
    } 
</style>

출처

2013-08-24 23:30:12

. 이것은 디렉토리 구조를 구성하는 방법에 대한 좋은 시각입니다. 이다

http://rosebusch.net/jeff/miscellaneous/tree.html

는 index.html 폴더는 CSS 폴더와 같은 수준이다. index.html을 HTML 폴더에 넣으려면 CSS 폴더에 연결하려면 먼저 href="../css/stylesheet.css"을 연결하여 철회해야합니다.".."을 사용하면 한 단계 올라갈 수 있습니다.

출처

2016-01-20 20:53:14

html이 연결되지 않았습니다.

답변

관련 문제