> 웹 프론트엔드 > CSS 튜토리얼 > 브라우저에서 CSS 파일이 로드되지 않는 문제를 해결하는 방법

브라우저에서 CSS 파일이 로드되지 않는 문제를 해결하는 방법

藏色散人
풀어 주다: 2023-01-04 09:36:31
원래의
7188명이 탐색했습니다.

브라우저가 CSS 파일을 로드하지 않는 문제를 해결하는 방법: 1. CSS 경로가 잘못된지 확인하고 수정합니다. 2. CSS 파일에 지정된 인코딩을 페이지 설정으로 통합합니다. 4. HTML 헤더에서 DOCTYPE 선언을 확인하고 수정합니다.

브라우저에서 CSS 파일이 로드되지 않는 문제를 해결하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

해결책:

1. 먼저 CSS 경로가 잘못된지 생각해 보세요.

2. CSS 파일에 지정된 인코딩이 페이지와 일치하지 않습니다. 브라우저는 CSS를 구문 분석하기 위해 페이지 인코딩을 사용하므로 자연스럽게 오류가 발생합니다. IE를 IE11로 업데이트했을 때 이 문제가 발생했습니다. html에는 gb2312가 제공되고 CSS 파일 헤더에는 @charset "utf-8"이 제공되며 CSS를 전혀 추가할 수 없습니다.

예:

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<link href="join_us.css" type="text/css" rel="stylesheet" charset=“utf-8”>
로그인 후 복사

(1) @charset "utf-8"은 외부 CSS 파일의 시작 부분에 제공됩니다.

(2) @charset 헤더 문이 CSS 파일에 지정되지 않아 IE가 페이지 인코딩은 기본적으로 CSS 파일을 디코딩합니다.

여기서 설명하세요. gb2312와 gbk는 모두 초기 국가 표준 코드로 일반적으로 사용되는 한자를 인코딩하고 디코딩하는 데 주로 사용됩니다. UTF-8은 더욱 국제적이며 영어 기반 플랫폼에서는 UTF-8을 사용합니다. GBK, GB2312 등과 UTF8은 유니코드 인코딩을 통해 서로 변환되어야 합니다.

3. IE는 외부 CSS 파일 도입을 지원하지 않으며 MINE 유형 유형이 일치하지 않는다는 메시지를 표시합니다. .css 파일이 Minetype 유형이 아닌 이유는 .css 파일이 사용자가 생성한 후 접미사를 변경한 다른 유형(예: txt)의 파일이기 때문일 수 있습니다.

(1) 그런 다음 CSS 파일을 다시 빌드하고 코드를 복사합니다.

(2) 또는 FilesTypeMan 소프트웨어를 다운로드하고 파일 접미사의 광산 유형 유형을 직접 수정하십시오.

4. HTML 헤더에서 DOCTYPE 선언을 살펴보세요

선언은 HTML 태그가 아니며 페이지 작성에 사용할 HTML 버전에 대한 지침입니다. HTML 4.01에서는 HTML 4.01이 SGML을 기반으로 하기 때문에 선언이 DTD를 참조합니다. DTD는 브라우저가 콘텐츠를 올바르게 렌더링할 수 있도록 마크업 언어에 대한 규칙을 지정합니다.

HTML5는 SGML을 기반으로 하지 않으므로 DTD를 참조할 필요가 없습니다.

HTML5 선언.

이것은 dw는 웹 페이지 파일 페이지에 dtd 정보를 자동으로 추가합니다(삭제 가능. 삭제 후 브라우저는 기본 dtd를 사용합니다.)

이 DTD는 XHTML 1.0 Transitional과 동일하지만 프레임셋 콘텐츠를 허용합니다.

더 많이 있습니다. . .

로컬 외부 CSS는 추가할 수 없습니다. 페이지 헤더에서 만 제거하면 됩니다.

위 내용은 브라우저에서 CSS 파일이 로드되지 않는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿