HTML5웹프로그래밍 5강 - CSS 개요, 선택자, 색상 CSS의 역할과 기본 문법, 문서에 스타일을 적용하는 세 가지 방법과 캐스케이드·명시도 규칙을 이해한다. 전체·요소·클래스·아이디·속성·가상 선택자와 결합자를 구분하고, HEX·RGB·HSL 색상 및 투명도와 CSS 변수를 실무적으로 사용하는 방법을 학습한다. 1. CSS의 개념과 필요성 Cascading Style Sheets CSS(Cascading Style Sheets)는 HTML 웹 문서에 색상, 글꼴, 여백, 레이아웃 등 디자인을 적용하는 표준 스타일 언어이다. HTML이 문서의 구조와 의미를 담당하고 CSS가 표현을 담당하도록 분리하면 유지보수성과 재사용성, 접근성, 협업 효율을 높일 수 있다. 이를 관심사의 분리 라고 한다. Cascading은 여러 스타일 규칙이 충돌할 때 우선순위를 해결하는 과정을, Style은 표현을, Sheets는 규칙의 묶음을 뜻한다. 모던 CSS는 외양만 꾸미는 도구를 넘어 Flexbox와 Grid 레이아웃, 애니메이션, 반응형 웹까지 담당한다. 구조와 표현을 분리하는 가치 <p class="notice">공지: 수업 일정 확인</p> .notice { font-weight: 700; color: red; } HTML 구조는 그대로 유지하면서 CSS 규칙만 바꾸면 같은 내용을 다양한 디자인과 디바이스 환경에 맞출 수 있다. 공통 스타일을 한곳에서 관리하면 여러 문서의 디자인 일관성을 확보하고 수정 비용도 줄일 수 있다. HTML은 구조, CSS는 표현을 담당한다. 두 역할을 분리하는 것이 CSS를 사용하는 가장 중요한 이유이다. 2. CSS 기본 문법과 작성 관례 CSS 규칙의 기본 형식은 선택자 { 속성: 값; } 이다. 선택자는 스타일을 적용할 대상을 고르고, 속성...