CSS 레이아웃, 사용자 정의 속성, 애니메이션, 프리프로세서를 마스터하세요.
대부분의 개발자들은 치트 시트로 Flexbox를 배우고 정신 모델을 이해하지 못했습니다. 이 가이드는 제대로 구축합니다 — 컨테이너 속성, 아이템 속성, flex 단축 속성, 복사할 수 있는 실제 레이아웃.
CSS Grid는 2017년부터 보편화되었지만 API 표면이 넓습니다. 실제로 사용하는 것: fr 단위, 템플릿 영역, auto-fill, 대시보드와 반응형 카드 그리드의 패턴.
트랜지션은 상태 변화에 반응합니다. @keyframes는 독자적으로 실행됩니다. 각각의 작동 방식, animation 단축 속성 설명, fill-mode 이해, 실제 예제, 그리고 애니메이션을 60fps로 유지하는 성능 세부사항을 다룹니다.