.CSS 파일이란 무엇입니까?

CSS 파일은 CSS에서 지정한 문법 규칙을 사용하여 작성된 텍스트 파일이며 확장자는 ".css"입니다. 이 파일의 주요 기능은 웹 페이지를 생성하기 위해 html 언어와 함께 사용되는 파일입니다. html 문서의 는 간단히 말해서 웹 페이지의 표시 모양을 제어하는 ​​것입니다.

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

css 파일에는 .css라는 접미사가 붙습니다. .css 접미사가 붙은 파일은 CSS 파일입니다.

CSS 파일 자체는 실제로 텍스트 파일입니다, ​​브라우저가 인식할 수 있도록 CSS에서 지정한 구문 규칙을 사용하여 작성된 것입니다.

CSS 파일은 웹 페이지를 생성하기 위해 html 언어와 함께 사용되는 파일입니다. 주요 기능은 html 기사의 레이아웃을 제어하는 ​​것입니다. 간단히 말해서 웹 페이지의 표시 모양을 제어합니다.

페이지 레이아웃을 제어하는 ​​것 외에도 CSS 파일은 HTML 코드와 CSS 코드를 잘 분리할 수 있으므로 콘텐츠와 레이아웃을 서로 간섭하지 않고 독립적으로 작성할 수 있으며 구성이 더 명확합니다.

CSS 파일을 다른 HTML 파일에 배치하여 웹 사이트의 모든 페이지 스타일을 통합할 수 있습니다. 또한 CSS 코드를 하나의 CSS 파일에 넣으면 CSS 파일, 모든 CSS 파일을 수정할 때 관리가 용이해지고 코드 및 유지 관리 시간이 단축됩니다. 적용됩니다. 서버에서 모든 페이지를 검색한 다음 수정 후 업로드할 필요 없이 문서의 HTML 파일이 업데이트됩니다.

HTML이 CSS 파일을 호출하는 방법

1. 링크 유형(링크)

링크 유형은 HTML의 태그를 통해 외부 스타일 시트 파일을 HTML 문서에 연결합니다. 방법이면서 가장 실용적인 방법이기도 합니다. 이 방법은 HTML 문서와 CSS 파일을 완전히 분리하고, 구조 레이어와 프리젠테이션 레이어를 완전히 분리하며, 웹 페이지 구조의 확장성과 CSS 스타일의 유지 관리성을 향상시킵니다.

구문: ​​

<link rel="stylesheet"  type="text/css"  href="css文件的路径" >

2. 가져오기(@import)

스타일 가져오기 외부 스타일 시트를 가져오려면 @import 명령을 사용하세요.

가져오기 방식은 웹페이지 전체가 로드된 후 CSS 파일을 로드하기 때문에 웹페이지가 상대적으로 크면 스타일이 지정되지 않은 페이지가 먼저 나타나고 플래시 이후에는 웹의 스타일이 나타나는 문제가 발생합니다. 페이지가 나타납니다. 이는 수입품의 본질적인 결함입니다.

가져온 스타일에는 6가지 쓰기 방법이 있습니다:

<style type="text/css" media="screen">   
@import CSS文件路径;
@import &#39;CSS文件路径&#39;;
@import "CSS文件路径";
@import url(CSS文件路径);
@import url(&#39;CSS文件路径&#39;);
@import url("CSS文件路径");
</style>

(동영상 공유 학습:

css 동영상 튜토리얼)

위 내용은 .CSS 파일이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!