css 파일은 일반적으로 확장자가 ".css"인 CSS 외부 스타일 시트라고 합니다. CSS 스타일 코드를 텍스트 파일에 복사하여 ".css" 파일로 저장하면 외부 스타일 시트입니다. CSS 파일은 "@import" 키워드 또는 "" 태그를 통해 HTML에서 참조될 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
css 파일은 일반적으로 ".css" 확장자를 사용하여 CSS 외부 스타일 시트라고 합니다.
CSS 외부 스타일 시트
CSS 스타일이 웹 페이지 문서 외부의 파일에 배치된 경우 이를 외부 스타일 시트라고 합니다.
실제로 외부 스타일 시트는 확장자가 .css인 텍스트 파일입니다. CSS 스타일 코드를 텍스트 파일에 복사하여 .css 파일로 저장하면 외부 스타일 시트입니다.
외부 스타일 시트를 브라우저에서 인식하고 구문 분석하려면 먼저 웹 문서로 가져와야 합니다. 외부 스타일 시트 파일은 두 가지 방법으로 HTML 문서로 가져올 수 있습니다.
1. 태그를 사용하여 가져오기
태그를 사용하여 외부 스타일 시트 파일을 가져옵니다.
<link href="001.css" rel="stylesheet" type="text/css" />
각 속성 설명:
href 속성은 주소를 설정합니다. 외부 스타일 시트 파일은 상대 주소 또는 절대 주소일 수 있습니다.
rel 속성은 관련 문서를 정의하며, 여기서는 관련 스타일 시트를 의미합니다.
type 속성은 스타일 요소와 마찬가지로 CSS 텍스트 파일을 나타냅니다.
일반적으로 태그를 정의할 때 3가지 기본 속성을 정의해야 하며, 그 중 href는 필수 속성입니다.
link 요소에 title 속성을 추가하여 선택적 스타일 시트의 제목을 설정할 수도 있습니다. 즉, 웹 문서에서 여러 스타일 시트를 가져올 때 title 속성 값을 통해 적용할 스타일 시트 파일을 선택할 수 있습니다. . [추천 튜토리얼: CSS 동영상 튜토리얼, "html 동영상 튜토리얼"]
팁: Firefox 브라우저의 메뉴에서 "보기 --> 페이지 스타일" 옵션을 선택한 후 하위 메뉴에는 제목 속성 값을 표시하기 위해 다른 제목 속성 값만 선택하면 되며 필요한 스타일 시트 파일을 선택적으로 적용할 수 있습니다. IE 브라우저는 이 기능을 지원하지 않습니다.
2. @import 키워드를 사용하여 가져오기
