HTML에서 외부적으로 참조되는 CSS 파일이 적용되지 않는 이유에 대한 분석 및 솔루션

이 글은 주로 HTML 외부 참조 CSS 파일이 적용되지 않는 이유에 대한 분석과 해결 방법을 소개합니다. 이 글의 소개는 매우 자세하고 참고 가치가 있습니다. 관심 있는 친구들이 함께 배울 수 있습니다

프론트 엔드 초보자로서. , 나는 며칠 동안 프론트 엔드를 고민했습니다. . 오늘 나는 갑자기 내가 믿었던 것에 문제가 있다는 것을 깨달았습니다. . 예를 들어, 나는 css 디렉토리 style.css 아래에 CSS 스타일 문서를 작성했습니다. 현재는 문장이 하나뿐입니다:

XML/HTML Code내용을 클립보드에 복사

body {    
background-color: #ddd;    
}

그런 다음 이 외부 CSS를 내 HTML 파일에 도입하세요:

XML/HTML CodeCopy 클립보드

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

의 콘텐츠가 브라우저를 새로 고칩니다. . 와, 카오. 응답하지 않았고 작동하지 않았습니다. . 문제가 없는지 확인하기 위해 이 경로를 여러 번 확인한 후 크롬의 F12 디버거를 열었습니다. 브라우저가 CSS 파일을 로드한 것을 확인한 후 파일을 열어보니

이 깨졌습니다. . 인코딩이나 형식에 문제가 있는 것 같은데 알 수 없습니다. . 프런트엔드 파트너와 상담한 후 웹페이지의 현재 인코딩을 확인했습니다.

은 UTF-16LE 인코딩을 보여줍니다. .

나중에 시도해 보고 숭고한 편집기를 사용하여 로컬 CSS 파일 인코딩 형식을 이 utf-16LE로 수정했습니다.

css 코드를 다시 작성했습니다. 저장하고 실행하세요. . 물론이죠, 그게 다입니다. .

하지만 내 HTML은 utf-8로 지정되어 있고 CSS는 utf-16으로 지정되어 있어 매우 불쾌합니다. . 그래서 다시 해결책을 물었습니다. 해결이 가능하고 간단합니다. .

CSS를 utf-8로 변경하고 내부 코드를 편집하세요. HTML에서 이 CSS를 도입할 때 인코딩 형식을 선언하기만 하면 됩니다.

즉, 링크 태그에 charset="utf-8" 속성을 추가합니다. . . 정말 간단합니다. . .

HTML에서 외부 참조하는 CSS 파일이 적용되지 않는 이유에 대한 분석 및 해결 방법에 대해 소개하겠습니다.

관련 권장 사항:

입력 텍스트 입력 캐시 지우기를 비활성화하는 두 가지 방법

위 내용은 HTML에서 외부적으로 참조되는 CSS 파일이 적용되지 않는 이유에 대한 분석 및 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!