>  기사  >  웹 프론트엔드  >  CSS 실패의 이유는 무엇입니까?

CSS 실패의 이유는 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2021-04-15 17:34:274206검색

CSS 실패 원인: 1. div 태그가 닫히지 않았습니다. 2. 부적절한 DOCTYPE 선언. 3. JavaScript에서 CDATA 태그 재정의.

CSS 실패의 이유는 무엇입니까?

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

CSS 실패 원인:

1. div 태그가 닫히지 않았습니다.

이것은 레이아웃 디자인 실패의 가장 일반적인 이유 중 하나입니다. 이로 인해 얼마나 많은 섬세한 레이아웃 디자인이 실패하는지 알 때마다 항상 놀랍습니다. 개방형 div 태그는 가장 일반적인 레이아웃 디자인 실수 중 하나이며 진단하기 가장 어려운 것 중 하나입니다. 유효성 검사기는 때로는 건초 더미에서 바늘을 찾는 것과 같을 수 있는 잘못된 여는 div 태그를 가리킵니다.

2. 부적절한 DOCTYPE 선언

DOCTYPE을 선언하지 않거나 파일 시작 부분에 DOCTYPE을 잘못 선언하는 것도 흔한 실수입니다. 일반적인 경험에 따르면 Strict DOCTYPE은 모든 사람이 추구하는 최고 수준의 검증입니다. 엄격한 검증은 귀하의 웹 페이지가 모든 브라우저에서 최적으로 표시된다는 것을 의미합니다.

3. 끝 슬래시

웹사이트를 확인할 수 없다면 코드 어딘가에서 끝 슬래시가 누락되었을 가능성이 높습니다. 특히 이미지 태그와 같은 요소에서는 후행 슬래시와 같은 사항을 간과하기 쉽습니다.

엄격한 DOCTYPE에서는 효과가 없습니다. 이 문제를 해결하려면 img 태그 끝에 "/"를 추가하세요.

4. JavaScript

Strict DOCTYPE이 선언된 경우 JavaScript에서 CDATA 태그를 재정의해야 합니다. 웹사이트는 광고 및 추적 스크립트에 내장된 JavaScript를 사용하는 경향이 있기 때문에 확인 프로세스의 이러한 측면은 많은 프로그래머를 당황하게 합니다.

5. 잘못된 중첩

중첩은 요소 내에 요소가 포함된다는 의미입니다. 중첩된 요소의 순서를 혼동하기 쉽습니다. 예를 들어 div 태그 전에 강력한 태그를 시작한 다음 div 태그를 먼저 닫습니다. 이렇게 하면 섹션 레이아웃이 변경되지 않을 수 있지만 섹션 디자인이 무효화됩니다.

그래도 찾을 수 없다면 "개발자 모드"/"디버그 모드"(F12로 열기)를 사용하여 해당 요소가 어떤 속성을 상속했는지, 다른 스타일이 설정한 스타일을 재정의했는지 확인하는 것이 좋습니다. .

관련 학습 권장 사항: css 튜토리얼

위 내용은 CSS 실패의 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

관련 기사

더보기