인라인, 내부, 외부 CSS 연결 방식을 구분합니다.
작은 실험은 style 속성, 한 문서 전용 규칙은 head의 style, 여러 페이지가 공유하는 규칙은 link로 외부 CSS 파일을 연결합니다. 프로젝트에서는 외부 CSS가 재사용과 캐시에 유리합니다.
예제에서는 <link rel="stylesheet" href="styles.css"> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 CSS 탭에서 .title과 .lead의 색상과 크기를 바꿔보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
link의 rel을 빼거나 href 경로를 틀리면 외부 스타일이 적용되지 않습니다.
직접 바꿔보세요CSS 탭에서 .title과 .lead의 색상과 크기를 바꿔보세요.