집 > 기사 > 웹 프론트엔드 > CSS 파일을 로드하는 방법

CSS 파일을 로드하는 방법

CSS 파일을 로드하는 방법: 1. "71d946285a55f729834a0034d1f5dd48" 문을 사용하여 로드합니다. (" css 파일 경로 ");" 문이 로드됩니다.

CSS 파일을 로드하는 방법

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

방법 1: 링크 태그를 통한 로드

2cdf5bf648cf2f33323966d7f58a7f3f 태그는 문서와 외부 리소스 간의 관계를 정의합니다. 2cdf5bf648cf2f33323966d7f58a7f3f 태그는 스타일 시트를 연결하는 데 사용됩니다.

웹페이지의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 태그 쌍에 있는 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 외부 CSS 파일을 호출하세요.

구문 형식:

<link rel="stylesheet" type="text/css" href="css文件路径" />

각 속성 설명:

참고:

이 방법은 웹 페이지 파일의 본문을 로드하기 전에 CSS 파일을 로드하므로 표시된 웹 페이지는 처음부터 스타일이 지정되지 않은 웹 페이지를 표시하지 않습니다. 가져온 메서드를 선택한 다음 스타일이 지정된 웹 페이지를 표시합니다.

방법 2: @import를 통해

로드 @import 규칙은 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다.

외부 스타일 시트 정보를 페이지로 가져오려면 @import 명령을 사용하세요. 이 정보는 c9ccee2e6ea535a969eb3f532ad9fe89 태그에 있습니다.

<style type="text/css">
@import url("css文件路径");
</style>

참고:

@import를 사용하여 CSS를 도입하면 외부 파일에서 CSS 코드를 쉽게 도입하여 유지 관리 및 계획이 더 쉬워집니다. 그러나 CSS 파일이 추가될 때마다 연결 요청이 서버에 추가됩니다. 방문 횟수가 많으면 유지 관리성과 성능 간에 절충이 필요합니다.

@import 메서드를 사용하여 로드하면 HTML 페이지가 로드된 후에만 CSS 파일이 로드됩니다. 즉, CSS 파일이 로드되기 전에 페이지는 알몸으로 실행되지만 응답 속도는 느려집니다. 웹사이트가 더 빨라질 거예요!

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS 파일을 로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：