[PC라인]스타일 지정 폰트 크기 색상 한번에 바꾸기

CSS 파일을 이용하면 동일한 스타일의 텍스트 작업을 여러 차례 반복하지 않고 한번에 끝낼 수 있어 많은 웹 페이지 작업시 무척 유용하다.

CSS란 Cascading Stylesheet의 약자로 여러 문서에서 동일한 폰트나, 크기, 색깔 등을 사용할 경우 편리하게 이용된다. 우선 이러한 속성을 모두 정의한 style.css 파일을 하나 만들어 나머지 문서에는 링크만 걸어주면 여러 문서를 일일이 고치지 않아도 된다.

1) 원하는 스타일을 정의한 텍스트 파일을 하나 만들어 style.css라는 이름으로 HTML 문서가 들어있는 디렉토리에 저장한다.

예) A:hover 『color:#0066FF;font-family:”굴림”;font-size: 12px;』

A:link 『color:#003399;text-decoration:none;font-family:”굴림”;font-size: 12px;』

A:visited 『color:#996600;text-decoration:none;font-family:”굴림”;font-size: 12px』

2) 각 html안에 아래 내용을 추가하면, 링크 색상과 방문한 후의 색상 등을 일일이 바꾸지 않아도 된다.

[PC라인 제공]