css 적용불가
html<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gabie's ART Cook</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 헤더 영역 시작 -->
<header>
<h1>Gabie's ART Cook</h1>
<h4> 요리와 아트의 만남 </h4>
<p> 아름다운 한 끼로 삶의 색채를 더하다</p>
<button type="button" class="btn btn-outline-warning rounded-pilll"> 요리 보기 </button>
</header>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>cssheader{
background-color: blue;
}이미지 파일 적용이 불가하여 background color로 테스트 해보았는데 css 적용이 불가합니다.
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다.
CSS가 적용되지 않는 문제를 해결하기 위해서는 다음 점들을 확인해보시기 바랍니다.
style.css 파일의 위치: 브라우저가 style.css 파일을 정확히 찾을 수 있는지 확인해보세요. style.css 파일이 HTML 파일과 같은 디렉토리에 있는지, 아니면 다른 경로에 위치해있는지 확인해야 합니다. 파일의 경로가 올바른지 확인하시고, 필요하다면 경로를 수정해주세요.
캐시 문제: 웹 브라우저가 이전에 캐시된 데이터를 사용하여 최신의 CSS 파일을 불러오지 않을 수 있습니다. 이런 경우, 브라우저의 캐시를 지우고 페이지를 새로고침해보세요.
오타 확인: CSS 파일 내
header에 적용한 스타일에 오타가 없는지 확인해주세요. 또한,<link>태그에 사용된 클래스 이름rounded-pilll이 오타인지 확인해보세요. 정확히rounded-pill로 수정해야 올바르게 적용될 수 있습니다.개발자 도구 사용: 웹 브라우저의 개발자 도구를 열어
header요소에 대한 CSS가 올바르게 적용되었는지 확인해보세요. 스타일이 덮어씌워지거나 다른 스타일에 의해 적용되지 않는 경우를 확인할 수 있습니다.
이렇게 접근해보시고 여전히 문제가 해결되지 않는다면 CSS 파일과 HTML 파일을 다시 한번 점검해보시기 바랍니다.
모바일 로고 이미지가 날아갔어요...
0
15
2
사주 판매를 위해서, 사업자등록증 업종 추가해야하나요?
0
27
0
연애인 사주는 그냥 넣어도 상관없나요?
0
45
1
14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.
0
45
1
인프당 무당 캐릭터 뽑는 프롬프트
0
56
2
10월 15일 삭제예정 강의 문의
0
44
1
강의가 중복됐어요
0
59
1
결제가 이루어지는 방식에 대한 문의
0
71
1
강의제목에 10/15일 삭제라고 나와있는데,
0
50
1
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
57
2
1강 동영상 재생 오류
1
72
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
47
1
Composition단계에서 `Layer`는 누가 만드는지
0
49
1
Strict Mode 예시 질문!
0
66
2
해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?
0
68
2
만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.
1
99
4
설명이 잘못된거같습니다.
1
81
2
31강 학습자료에 프롬프트가 엉뚱한것이 있어요
1
68
1
왜 flex-item box3 대신 .box3를 사용하나요?
0
241
1
혹시 html에 html파일 include하는 방법은 없나요?
0
1697
1
예제파일이 모두 빈 파일입니다.
0
329
2
강의자료 다운로드 어디서 하나요?
0
457
2
부트스트랩5 중급, 고급 과정도 개설해 주셨으면 좋겠습니다.
1
462
1
맥북으로 작업이 가능한가요
0
439
2