HTML이 CSS 스타일 시트를 참조하는 네 가지 방법을 사용하는 방법에 대한 자세한 설명
- 黄舟원래의
- 2017-07-26 09:45:522197검색
방법 1: css1.html
<html> <head> <title>内联样式(方法一)</title> </head> <body> <a href=”http://www.baidu.com” style=”color:#FF00FF; font-size:80;”>百度一下</a> </body> </html>
방법 2: css2.html
<html>
<head>
<title>style标签中调用(方法二)</title>
<style type=”text/css”>
a{color:#FF0000;background:#FFFF00;}
</style>
</head>
<body>
<a href=”http://www.baidu.com“>百度二下</a>
</body>
</html>방법 3: css3.html
<html> <head> <title>link标签中调用(方法三)</title> <link rel=stylesheet type=”text/css” href=”three.css”/> </head> <body> <a href=”http://www.baidu.com“>百度三下</a> </body> </html>
Three.css 파일이 css3.html과 동일한 디렉터리에 있음: a{color:#FF00FF; #0000FF;}
방법 4: css4.html
<html> <head> <title>@import指令(方法四)</title> <style type=”text/css”> @import url(“four.css”); </style> </head> <body> <a href=”http://www.baidu.com“>百度四下</a> </body> </html>
css4.html과 동일한 디렉터리에 있는 4개의.css 파일: a{color:#0000FF; background:#FF00FF;}
***** ************************************************** * ***************************************
실제 응용 프로그램에서는 스타일 속성을 사용하세요. 인라인 스타일은 권장되지 않으며 첫 번째 방법은 권장되지 않습니다. 이 방법은 전체 문서의 모양을 중앙에서 제어하는 CSS의 장점을 약화시킵니다.
처음 세 가지 방법은 링크 태그와 스타일 태그를 사용합니다. IE에서는 다음과 같은 제한 사항이 있습니다(IE6, IE7 및 IE8 베타1 포함).
◆ 문서의 처음 31개 링크 또는 스타일 태그와 관련된 CSS만 해당됩니다. 적용할 수 있습니다. 32번째부터는 해당 태그와 연결된 CSS가 유효하지 않습니다.
◆ 스타일 태그는 처음 31개의 @import 명령에만 유효하며 32번째 @import 명령부터는 무시됩니다.
◆ CSS 파일의 처음 31개 @import 지시문만 효과적으로 적용됩니다. 31번째 @import 지시문부터 무시됩니다.
◆ CSS 파일은 288kb를 초과할 수 없습니다.
CSS에 대한 IE의 제한 사항은 대부분의 경우 발생하지 않습니다. 최상의 솔루션을 만나더라도 수동으로 또는 백엔드 프로그램을 통해 CSS 파일과 응답 태그를 병합해야 합니다.
최소한의 http 요청 수를 최대화하는 것은 다음과 같습니다. 페이지 렌더링 최적화를 위한 첫 번째 원칙
위 내용은 HTML이 CSS 스타일 시트를 참조하는 네 가지 방법을 사용하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!