CSS 파일을 로드하는 방법: 1. "" 문을 사용하여 로드합니다. (" css 파일 경로 ");" 문이 로드됩니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
방법 1: 링크 태그를 통한 로드
태그는 문서와 외부 리소스 간의 관계를 정의합니다. 태그는 스타일 시트를 연결하는 데 사용됩니다.
웹페이지의
태그 쌍에 있는 태그를 사용하여 외부 CSS 파일을 호출하세요.구문 형식:
<link rel="stylesheet" type="text/css" href="css文件路径" />
각 속성 설명:
href 속성은 외부 스타일 시트 파일의 주소를 설정하며 상대 주소 또는 절대 주소가 될 수 있습니다.
rel 속성은 관련 문서를 정의하며, 여기서는 관련 스타일 시트를 의미합니다.
type 속성은 스타일 요소와 마찬가지로 CSS 텍스트 파일을 나타냅니다.
참고:
이 방법은 웹 페이지 파일의 본문을 로드하기 전에 CSS 파일을 로드하므로 표시된 웹 페이지는 처음부터 스타일이 지정되지 않은 웹 페이지를 표시하지 않습니다. 가져온 메서드를 선택한 다음 스타일이 지정된 웹 페이지를 표시합니다.
방법 2: @import를 통해
로드 @import 규칙은 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다.
외부 스타일 시트 정보를 페이지로 가져오려면 @import 명령을 사용하세요. 이 정보는
