과거에는 일반적으로 스타일 시트를 두 가지 방법으로 사용했습니다.
페이지 인라인 방식: 페이지 코드의 헤드 영역에 스타일시트를 직접 작성합니다. 다음과 같은 것 :
<style type="text/css"> <!-- body { 배경 : 흰색 ; 색상 : 검정색 } --> </style>
외부 호출 방법: 스타일시트를 별도의 .css 파일에 작성한 후 페이지의 헤드 영역에 다음과 유사한 코드로 호출합니다.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
웹 표준을 준수하는 디자인에서는 외부 호출 방식을 사용하므로 페이지를 수정하지 않고도 페이지 스타일을 변경할 수 있고 .css 파일만 수정하면 됩니다. 모든 페이지가 동일한 스타일 시트 파일을 호출하는 경우 하나의 스타일 시트 파일을 변경하면 모든 파일의 스타일이 변경될 수 있습니다.
스타일시트를 호출하는 이중 테이블 방식
일부 표준을 준수하는 사이트의 원본 코드를 보면 스타일 시트가 호출되는 다음 두 문장을 볼 수 있습니다.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @import URL(css/style01.css);</style>
왜 두 번 쓰나요?
실제로 일반적인 상황에서는 외부링크 방식(즉, 첫문장)만 사용해도 충분하다. 여기서 사용하는 이중 테이블 호출은 단지 예일 뿐입니다. "@import" 명령은 스타일 시트를 입력하는 데 사용됩니다. "@import" 명령은 Netscape 4.0 브라우저에서 유효하지 않습니다. 즉, Netscape 4.0 브라우저에서는 특정 효과를 숨기고 4.0 이상이나 다른 브라우저에서 표시하려는 경우 "@import" 명령 메소드를 사용하여 스타일 시트를 호출할 수 있습니다.