>  기사  >  웹 프론트엔드  >  CSS 외부 스타일이 작동하지 않는 경우 수행할 작업

CSS 외부 스타일이 작동하지 않는 경우 수행할 작업

藏色散人
藏色散人원래의
2020-12-21 09:47:542074검색

CSS 외부 스타일이 작동하지 않는 해결 방법: 먼저 숭고한 편집기로 CSS 파일을 연 다음 로컬 CSS 파일 인코딩 형식을 "utf-16LE"로 수정하고 다시 실행하세요.

CSS 외부 스타일이 작동하지 않는 경우 수행할 작업

이 튜토리얼의 운영 환경: Windows 7 시스템, Sublime Text3&&css3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "css 비디오 튜토리얼"

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

body {
background-color: #ddd;
}

그런 다음 이 외부 CSS를 HTML 파일에 도입합니다:

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

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

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

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

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

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

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

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

링크 태그에 charset="utf-8" 속성을 추가하기만 하면 됩니다. . . 정말 간단합니다. . .

위 내용은 CSS 외부 스타일이 작동하지 않는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.