CSS를 LINK로 불러왔는데 적용이 안됩니다. 무슨 문제일까요 ?

CSS를 LINK로 불러왔는데 적용이 안됩니다. 무슨 문제일까요 ?

QA

CSS를 LINK로 불러왔는데 적용이 안됩니다. 무슨 문제일까요 ?

답변 3

본문

661778310_1542724874.8745.png

 

위 사진과 같은 구조이구요 !

 

 

- default.css 내용

#wrap { width: 1200px; margin: 0 auto; position: relative; background-color: #ffdb80; }

 

- index.php 내용

<link rel="stylesheet" type="text/css" href="css/default.css">
<div id="wrap">
    테스트
</div>

 

로 적용을 했는데 아무 변화가 없어 구글 개발자 모드로 확인해봐도 id 이름만 들어가있지

실제로 내용은 적용이 안되어있네요..

 

 

661778310_1542725038.9197.png

 

 

css파일에 넣어뒀던 스타일을 그대로 가져와서 index.php에 넣으면 잘되는데

link를 잘못쓴걸까요?

 

무엇이 잘못되었을까요 ? ㅜㅜ

이 질문에 댓글 쓰기 :

답변 3

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

href="/ 

를 추가해보세요

 

아무래도 바라보는 경로가 절대경로가 아닌 상대경로라서 다른곳을 찜하고 있는것 같다는 추측입니다.

 

혹시 실행하는경로가

localhost 하위의 디렉토리인가요?

만약 그렇다면 정상적으로 링크가 안될수있으니

위에 설명대로 css 앞에 /css 와 같이 '/'를 추가하시고 테스트해보세요

경로가 맞다면, 웹브라우저 옵션에서  캐시 삭제를 해보세요..

크롬이면 Crtl+Shift+R로 새로고침해보세요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #link ×
전체 9
© SIRSOFT
현재 페이지 제일 처음으로