1장. CSS가 해결하는 문제

HTML은 문서의 의미와 기본 동작을, CSS는 표현과 배치를 맡는다. JavaScript가 꺼져도 제목, 링크, 버튼, 폼의 의미가 남아야 한다. CSS로 잘못된 HTML을 덮는 대신 먼저 문서 순서가 읽기 순서·탭 순서와 맞는지 확인한다.

실습은 프로젝트 운영 화면 StudioBoard다. header, nav, main, aside, section, article, dialog로 구조를 만든 뒤 CSS를 얹는다. 완성 화면부터 베끼지 말고 브라우저 기본 스타일 상태에서 제목 계층과 폼을 먼저 사용해 본다.

이 장의 완료 기준은 “예쁘다”가 아니다. CSS를 제거해도 작업 제목, 상태, 완료 기준을 이해하고 작업 추가 대화상자를 키보드로 열고 닫을 수 있어야 한다.