" 태그를 통해 HTML에서 참조될 수 있습니다."/> " 태그를 통해 HTML에서 참조될 수 있습니다.">

>웹 프론트엔드 >CSS 튜토리얼 >일반적으로 CSS 파일을 무엇이라고 합니까?

일반적으로 CSS 파일을 무엇이라고 합니까?

青灯夜游
青灯夜游원래의
2021-02-22 15:49:097577검색

css 파일은 일반적으로 확장자가 ".css"인 CSS 외부 스타일 시트라고 합니다. CSS 스타일 코드를 텍스트 파일에 복사하여 ".css" 파일로 저장하면 외부 스타일 시트입니다. CSS 파일은 "@import" 키워드 또는 "2cdf5bf648cf2f33323966d7f58a7f3f" 태그를 통해 HTML에서 참조될 수 있습니다.

일반적으로 CSS 파일을 무엇이라고 합니까?

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

css 파일은 일반적으로 ".css" 확장자를 사용하여 CSS 외부 스타일 시트라고 합니다.

CSS 외부 스타일 시트

CSS 스타일이 웹 페이지 문서 외부의 파일에 배치된 경우 이를 외부 스타일 시트라고 합니다.

실제로 외부 스타일 시트는 확장자가 .css인 텍스트 파일입니다. CSS 스타일 코드를 텍스트 파일에 복사하여 .css 파일로 저장하면 외부 스타일 시트입니다.

외부 스타일 시트를 브라우저에서 인식하고 구문 분석하려면 먼저 웹 문서로 가져와야 합니다. 외부 스타일 시트 파일은 두 가지 방법으로 HTML 문서로 가져올 수 있습니다.

1. 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 가져오기

2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 외부 스타일 시트 파일을 가져옵니다.

<link href="001.css" rel="stylesheet" type="text/css" />

각 속성 설명:

  • href 속성은 주소를 설정합니다. 외부 스타일 시트 파일은 상대 주소 또는 절대 주소일 수 있습니다.

  • rel 속성은 관련 문서를 정의하며, 여기서는 관련 스타일 시트를 의미합니다.

  • type 속성은 스타일 요소와 마찬가지로 CSS 텍스트 파일을 나타냅니다.

일반적으로 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 정의할 때 3가지 기본 속성을 정의해야 하며, 그 중 href는 필수 속성입니다.

link 요소에 title 속성을 추가하여 선택적 스타일 시트의 제목을 설정할 수도 있습니다. 즉, 웹 문서에서 여러 스타일 시트를 가져올 때 title 속성 값을 통해 적용할 스타일 시트 파일을 선택할 수 있습니다. . [추천 튜토리얼: CSS 동영상 튜토리얼, "html 동영상 튜토리얼"]

팁: Firefox 브라우저의 메뉴에서 "보기 --> 페이지 스타일" 옵션을 선택한 후 하위 메뉴에는 제목 속성 값을 표시하기 위해 다른 제목 속성 값만 선택하면 되며 필요한 스타일 시트 파일을 선택적으로 적용할 수 있습니다. IE 브라우저는 이 기능을 지원하지 않습니다.

2. @import 키워드를 사용하여 가져오기

c9ccee2e6ea535a969eb3f532ad9fe89 태그에 @import 키워드를 사용하여 외부 스타일 시트 파일을 가져옵니다.

<style type="text/css">
@import url("001.css");
</style>

@import 키워드 뒤에 url()을 사용합니다. 외부 스타일 시트 파일의 특정 주소를 포함하는 기능입니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.