HTML에서 외부 CSS를 호출하는 방법

青灯夜游
풀어 주다: 2023-01-07 11:41:55
원래의
13270명이 탐색했습니다.

호출 방법: 1. "" 문을 사용합니다. 2. "@import url( CSS 파일 경로 주소"를 사용합니다. )" 성명 호출.

HTML에서 외부 CSS를 호출하는 방법

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

html에서 외부 CSS를 호출하는 방법에는 두 가지가 있습니다

  • 링크 스타일 - 태그 사용

  • 가져오기 스타일 - @import 규칙 태그 사용

1. 링크 스타일

웹페이지의

태그 쌍에 있는 태그를 사용하여 외부 스타일 시트 파일을 소개하고 HTML 규칙을 사용하여 외부 CSS를 소개합니다.

구문: ​​

<link rel="stylesheet" href="css文件路径" type="text/css" />
로그인 후 복사

태그는 문서와 외부 리소스 간의 관계를 정의합니다. 태그의 가장 일반적인 용도는 스타일 시트를 연결하는 것입니다.

2. 가져옴

CSS @import 규칙은 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다. 이러한 규칙은 다른 모든 유형의 규칙보다 우선해야 하며 조건 그룹의 규칙에는 @import를 사용할 수 없습니다.

독립적인 .css 파일을 HTML 파일에 삽입하고, css @import 규칙을 사용하여 외부 CSS 파일을 삽입하고, 태그의