CSS 웹페이지가 깨졌을 때 대처법

깨진 CSS 웹 페이지에 대한 해결 방법: 1. 페이지의 문자 인코딩과 일치하도록 CSS 문자 인코딩을 설정하고 "@charset "utf-8";"과 같은 인코딩 문을 설정합니다. 2. 작성할 때 주석을 강화합니다. CSS 3. 글꼴의 별칭을 사용합니다.

권장: "css 비디오 튜토리얼"

해결책 1:

CSS의 잘못된 문자는 CSS 문자 인코딩과 페이지의 문자 인코딩 간의 불일치로 인해 발생하므로 가장 직접적인 방법은 방법은 문자 인코딩을 일관되게 만드는 것입니다. CSS의 인코딩 유형을 지정합니다. 예: @charset "utf-8"; (지정된 인코딩 유형은 utf-8이며 CSS 파일의 첫 번째 줄에 작성해야 합니다.)

해결책 2:

CSS에 나타나는 문자 깨짐은 모두 한자에 의한 것이므로 한자를 쓰지 않는 한 "CSS 오류를 일으키는 문자 깨짐"은 발생하지 않습니다.

위의 두 가지 해결 방법은 제쳐두고 더 자세히 살펴보면 "왜곡된 코드"가 일반적으로 다음 두 가지 상황에서 발생한다는 것을 알 수 있습니다.

1. 중국어 주석으로 인한 잘못된 코드

잘못된 코드 예:

일반 코드: /*3개의 한자*/

다음으로 인한 잘못된 코드: /*涓夋眽瀛?/

위의 예는 다음을 차단합니다. 잘못된 코드에 대한 CSS 주석 끝 문자는 주석 범위 내의 후속 CSS 콘텐츠를 만들어 CSS를 무효화시킵니다.

다음으로 인해 문자가 깨졌습니다. / ****한자 3자****/

이 향상된 버전의 주석은 CSS를 작성할 때 문자가 깨져서 주석의 마지막 종결자를 "변형"시키는 것을 방지할 수 있습니다

2. 중국어 글꼴로 인해 문자가 깨집니다

문자가 깨져 있는 경우:

일반 코드:font-family:"黑体"

문자가 깨져 발생하는 코드:font-family:"翜涋"

위의 예에서 깨져 있는 코드는 문자를 깨뜨리는 원인이 됩니다. 글꼴 이름이 깨져서 지정된 글꼴이 유효하지 않게 됩니다. 이 문제의 결과는 그다지 심각하지 않은 것 같지만 실제 상황에서는 왜곡된 문자가 다음 인용 부호를 "음소거"하여 글꼴의 인용 부호 안에 다음 CSS가 포함되는 경우가 실제로 있으므로 다음 CSS가 모두 유효하지 않게 됩니다.

예방 조치: 글꼴의 별칭을 사용합니다(브라우저가 인식할 수 있도록)

예:

일반 코드: 글꼴 가족: "SimHei" (글꼴 가족: "9ed14f53" )

브라우저 구문 분석: 글꼴 - family: "SimHei"(font-family: "黑体", IE6은 여전히font-family: "9ed14f53"이지만 글꼴 구문 분석에서는 굵게 표시됩니다.)

별칭을 사용하여 중국어 사용을 피하고 문자가 깨지는 것을 방지하세요.

위 내용은 CSS 웹페이지가 깨졌을 때 대처법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!