CSS 연결 방식

어디에 스타일을 둘지 먼저 고르기

인라인, 내부 스타일 시트, 외부 스타일 시트는 모두 같은 CSS 문법을 쓰지만 재사용성과 유지보수 비용이 다릅니다.

세 가지 적용 위치

1

인라인 스타일

태그의 style 속성에 바로 쓰기 때문에 빠르지만, 재사용이 어렵고 HTML 구조를 지저분하게 만듭니다.

2

내부 스타일 시트

한 HTML 문서의 <head> 안에서 관리합니다. 단일 예제는 편하지만 여러 페이지에 같은 디자인을 나누기 어렵습니다.

3

외부 스타일 시트

style.css를 만들고 <link rel="stylesheet">로 연결합니다. 실습과 실제 프로젝트의 기본 선택입니다.