CSS 파일이란?
만약 자신의 사이트에 .html / .htm 문서가 수백 개 있고, 그 모든 파일에서 body { background-color:white; } 이런 스타일이 항상 사용된다면, 스타일만을 별도의 파일로 분리하는 것이 좋을 것입니다. 그러면 웹문서의 분량도 작아지고, 또한 "스타일 파일"만을 고치면, 수백 개의 html 파일의 스타일을 한꺼번에 고칠 수 있는 이점이 있습니다.위의 예제에서 스타일 정의 부분만을common.css
body { background-color:white; }
.test { font-style:italic; color:red; }
이런 파일로 저장한 것이, "CSS 파일"입니다.그런 후, 각 HTML 파일에서, 다음과 같이 common.css 파일을 불러서 사용하면 되겠지요.
<html>
<head>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
...이하 생략...
이제 common.css 라는 작은 파일 하나만 수정하면, 수백 수천만 개의 HTML 파일의 스타일이 자동으로 한꺼번에 변경됩니다.
