외부스타일 링크해서 사용하기

관리할 파일이 많은 경우 일일이 각 파일에 똑 같은 스타일시트를 헤드태그사이에 정의한다면 매우 비효율적이고, 나중에 스타일을 수정할 일이 있을 때 일일이 각 파일을 열어서 스타일시트를 수정해야 합니다. 스타일시트를 외부 문서로 만들어 두고 html 헤드태그안에서

<LINK rel="stylesheet" type="text/css" href="문서이름.css">

와 같이 기록해서 참조하면 차후에 수많은 파일의 스타일을 수정할 때 이 참조한 css 파일 하나만 수정하면 되므로 효율적입니다. 스타일 시트 파일은 확장자가 css 입니다. 만드는 방법은 아래와 같은 스타일 시트 소스가 있다면

<STYLE TYPE="text/css">

<!-- 

a:link { text-decoration: none;}

a:visited { text-decoration: none;}

a:active { text-decoration: none;}

a:hover {text-decoration:none;}

-->

</STYLE>

CSS코드를 메모장 과 같은 텍스트 편집 프로그램에 코딩 후 확장자를 .css 로 해서 저장하면 됩니다. "파일이름.css" 로 하고 저장버튼을 눌러 저장하면 CSS 포맷의 파일이 됩니다.