@import는 CSS 파일을 어떻게 도입하나요? 어떤 방법이 있나요?
- 云罗郡主앞으로
- 2018-11-22 16:53:055290검색
이 글의 내용은 @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 - www.php.cn */
.wai{ color:#F00}효과는 다음과 같습니다.
위에서 볼 수 있듯이 HTML 코드에서 @import를 사용하려면 다음을 사용해야 합니다. 스타일 태그.
요약: HTML 소스 코드에 외부 CSS 스타일 시트 파일을 도입하기 위해 @import를 직접 사용하려면 @import를
두 번째: CSS 파일 코드에서 @import를 사용하여 다른 CSS 파일을 소개합니다.
HTML 소스 코드에서 @import를 사용하기 위해 스타일 태그를 사용하는 것 외에도 CSS 파일 코드에서 @import를 사용할 수 있습니다. 시간, 스타일 태그가 필요하지 않으면 @import를 직접 사용하여 하나의(여러) CSS 파일을 다른(여러) CSS 파일에 도입할 수 있습니다.
위는 @import를 사용하여 CSS 파일을 도입하는 방법입니다. 모든 방법에 대한 전체 소개가 있습니다. CSS3 튜토리얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.
위 내용은 @import는 CSS 파일을 어떻게 도입하나요? 어떤 방법이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!