style 속성으로 요소에 직접 CSS를 적용하는 방법과 한계를 이해합니다.
style 속성에는 CSS의 속성: 값 쌍을 넣습니다. 빠른 실험에는 편하지만 여러 요소에 반복하면 수정이 어려우므로 실제 프로젝트에서는 class와 별도 CSS를 우선합니다.
예제에서는 <p style="color: teal;">내용</p> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 h1의 color와 p의 padding 값을 바꿔 결과를 비교하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
style 속성을 모든 태그에 반복하면 디자인 변경 때 파일 전체를 고쳐야 합니다.
직접 바꿔보세요h1의 color와 p의 padding 값을 바꿔 결과를 비교하세요.