@import는 CSS 파일을 어떻게 도입하나요? 어떤 방법이 있나요?-CSS 튜토리얼-php.cn

@import는 CSS 파일을 어떻게 도입하나요? 어떤 방법이 있나요?

云罗郡主

풀어 주다： 2018-11-22 16:53:05

앞으로

5373명이 탐색했습니다.

이 글의 내용은 @import가 CSS 파일을 어떻게 도입하는지에 관한 것입니다. 도움이 필요한 친구들이 참고할 수 있는 방법이 있나요?

@import는 CSS 스타일 시트 파일을 소개합니다

@import url(url) sMedia;

Description:

url: 가져온 외부 스타일 시트 파일을 지정하려면 절대 또는 상대 주소를 사용합니다. CSS 파일을 소개하는 링크와 같습니다. (link와 @import의 차이점과 선택 방법 알아보기)

css @import는 일반적으로 사용되는 두 가지 방법을 사용합니다.

첫 번째: html 소스 코드(html 파일 내)는 외부 스타일 시트 CSS 파일을 직접 소개합니다.

html 파일 index.html 코드 :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>import使用实例</title>
<style>
@import url(images/style.css);
</style>
</head>
<body>
<span class="wai">实例测试内容</span>
</body>
</html>

로그인 후 복사

이미지 폴더의 style.css 파일 코드 :

@charset "utf-8";
/* php - m.sbmmt.com */
.wai{ color:#F00}

로그인 후 복사

효과는 다음과 같습니다.

@import는 CSS 파일을 어떻게 도입하나요? 어떤 방법이 있나요?

위에서 볼 수 있듯이 HTML 코드에서 @import를 사용하려면 다음을 사용해야 합니다. 스타일 태그.

요약: HTML 소스 코드에 외부 CSS 스타일 시트 파일을 도입하기 위해 @import를 직접 사용하려면 @import를

두 번째: CSS 파일 코드에서 @import를 사용하여 다른 CSS 파일을 소개합니다.

HTML 소스 코드에서 @import를 사용하기 위해 스타일 태그를 사용하는 것 외에도 CSS 파일 코드에서 @import를 사용할 수 있습니다. 시간, 스타일 태그가 필요하지 않으면 @import를 직접 사용하여 하나의(여러) CSS 파일을 다른(여러) CSS 파일에 도입할 수 있습니다.

위는 @import를 사용하여 CSS 파일을 도입하는 방법입니다. 모든 방법에 대한 전체 소개가 있습니다. CSS3 튜토리얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

위 내용은 @import는 CSS 파일을 어떻게 도입하나요? 어떤 방법이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!