CSS는 이제 SASS도, 자바스크립트도 없이 스스로 완결됩니다.

이 책은 선택자와 박스 모델 같은 기본기부터 시작해, Flexbox와 Grid, Subgrid, 컨테이너 쿼리, 캐스케이드 레이어(@layer), :has() 관계 선택자, 네이티브 CSS Nesting, 커스텀 프로퍼티, 새로운 색상 시스템, View Transitions API, Popover API까지 최신 CSS 표준을 27개 장과 3개의 부록으로 다룹니다.

모든 예제는 실제 브라우저에서 확인한 화면과 함께 제공되며, 각 기능마다 Baseline 지원 현황을 기준으로 지금 바로 실무에 써도 되는 기능과 아직 지켜봐야 할 기능을 구분해서 알려줍니다. 전처리기나 프레임워크에 의존해 온 실무자, CSS를 처음부터 체계적으로 정리하고 싶은 개발자 모두에게 실용적인 참고서가 되도록 구성했습니다.

전처리기와 프레임워크에 기대지 않고도 CSS만으로 오늘의 웹을 완성하는 법을, 이 책에서 확인해 보세요.

Part 1. CSS 기초 다시 세우기
1장. CSS란 무엇인가
2장. 선택자 완전정복
3장. 캐스케이드·특정성·상속
4장. 박스 모델과 레이아웃 기초
5장. 색상과 타이포그래피 기초

Part 2. 레이아웃의 표준
6장. Flexbox 완전정복
7장. CSS Grid 완전정복
8장. Subgrid, 중첩 그리드의 완성
9장. 미디어 쿼리에서 컨테이너 쿼리로

Part 3. SASS와 JS를 대체하는 모던 CSS
10장. 네이티브 CSS Nesting
11장. 커스텀 프로퍼티와 property
12장. 캐스케이드 레이어
13장. has 관계 선택자
14장. scope로 스타일 범위 지정
15장. 전처리기 이별 가이드

Part 4. 색상, 함수, 계산
16장. 새로운 색상 시스템
17장. 값 계산의 표준
18장. 테마와 디자인 토큰

Part 5. 인터랙션과 모션
19장. 트랜지션과 개별 트랜스폼
20장. 스크롤 기반 애니메이션
21장. View Transitions API
22장. Popover API와 Anchor Positioning
23장. 폼 컨트롤 스타일링

Part 6. 실전과 품질
24장. 반응형 디자인 시스템 구축
25장. 접근성을 고려한 CSS
26장. 성능 최적화와 호환성 전략
27장. 실전 프로젝트, 랜딩페이지와 대시보드

Part 7. 부록
부록 A. 기능별 브라우저 지원 현황 체크리스트
부록 B. SASS에서 네이티브 CSS 대응표
부록 C. 자주 쓰는 모던 CSS 스니펫 모음