먼저 HTML 문서를 CSS에 연결하는 네 가지 일반적인 방법을 소개하겠습니다.
1. 링크 태그를 활용하세요
| <link rel="stylesheet" type="text/css" href="sheet.css" /> |
2. 스타일 요소 사용
<스타일 유형="텍스트/css"> 본문{배경:#fff;} h1{글꼴 크기:2em;} </스타일> |
3. @import 지시어를 사용하세요
<스타일 유형="텍스트/css"> @import URL(sheet1.css); @import "sheet2.css"; </스타일> |
| <p style="color:#f00;">빨간색 글씨입니다</p> |
실제 응용 프로그램에서는 스타일 속성을 사용하는 인라인 스타일을 사용하지 않는 것이 좋습니다. XHTML1.1에서는 권장하지 않는 방식으로 표준화했습니다. 이유는 간단합니다. CSS의 장점으로 전체 문서 모양.
처음 세 가지 방법은 링크 태그와 스타일 태그를 사용하며 IE(IE6, IE7 및 IE8 베타1 포함)에서는 다음과 같은 제한 사항이 있습니다.
◆ 문서의 처음 31개 링크 또는 스타일 태그와 연관된 CSS만 적용할 수 있습니다.
32번째부터 해당 태그와 연결된 CSS가 유효하지 않습니다. IE의 공식 문서 HTML 페이지의 처음 30개 스타일 태그 이후의 모든 스타일 태그는 Internet Explorer에 적용되지 않습니다. 또한 .xsl을 사용하는 .xml 파일의 제한 사항을 포함하여 이 제한 사항을 언급합니다. 그런데 수량을 잘못 쓴 것 같습니다. IE에서 확인하세요:
◆ 스타일 태그는 처음 31개의 @import 명령에만 유효합니다.
32번째 @import 지시문부터 무시됩니다.
◆ CSS 파일의 처음 31개 @import 명령만 효과적으로 적용됩니다.
31번째 @import 지시문부터 무시됩니다.
◆ CSS 파일은 288kb를 초과할 수 없나요?
이 소식은 Internet Explorer CSS 파일 크기 제한에 관한 것입니다.
CSS에 대한 IE의 제한 사항은 대부분의 경우 발생하지 않습니다. 최상의 솔루션이 발견되더라도 CSS 파일과 응답 태그를 수동으로 병합하거나 백엔드 프로그램을 통해 http 요청을 최소화하는 것이 첫 번째 원칙입니다. 페이지 렌더링 최적화.