CSS 적용 방식 선택표

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

세 가지 적용 위치

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

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

style.css를 만들고 로 연결합니다. 실습과 실제 프로젝트의 기본 선택입니다.

index.html에는 구조를 두고, 색상·폰트·여백은 style.css로 옮겼는지 봅니다.

CSS 파일 경로가 틀리면 브라우저는 HTML만 표시하므로, 개발자 도구 Network 탭이나 화면 변화를 확인합니다.

핵심CSS 적용 방식 선택표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.