@CSS로 가져오기

@수입

설명하다

1. 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다. 절대 경로 또는 상대 경로일 수도 있고 온라인 URL 주소일 수도 있습니다.
2. @import 규칙은 CSS 문서의 헤드에 있어야 하지만 @charset 규칙을 따를 수 있습니다.
3. @import 규칙은 중첩된 문이 아니며 조건 그룹의 규칙에는 @import를 사용할 수 없습니다.
4. @import 규칙은 미디어 쿼리도 지원하므로 다양한 화면 크기에 따라 다양한 스타일 파일을 가져올 수 있습니다.

매개변수

url: 그는 두 가지 표현 방식을 가지고 있습니다.

1. 문자열로 지정된 파일 경로일 수도 있고 온라인 URL 주소일 수도 있습니다.

   @import "../../assets/css/iconfont.css";
   

2. 2. url() 메소드를 사용하여 소개할 수 있습니다.

   @import url("../../assets/css/iconfont.css");
   

list-of-media-queries: URL을 통해 도입된 CSS 규칙이 적용되는 조건을 결정하는 미디어 쿼리 조건의 쉼표로 구분된 목록입니다. 브라우저가 목록의 미디어 쿼리 조건을 지원하지 않으면 URL로 지정된 CSS 파일이 도입되지 않습니다.

확장하다

실제로 는 글로벌하게 도입된다는 점에 유의해야 하며 , 속성에 포함된 스타일 태그 @import에 넣어도 scoped글로벌 스타일로 등록된다. CSS 파일을 가져오고 로컬 스타일로만 사용하려는 경우 style해당 src속성을 사용하여 태그를 추가할 수 있습니다.

<style src="../../assets/css/iconfont.css" scoped></style>