Handbook
HTML + CSS 핸드북
코드와 실시간 미리보기로 개념을 바로 확인할 수 있는 학습형 가이드를 제공합니다.
Flex (좌우, 세로 정렬하기)
요소를 좌우로 배치하거나 세로로 나열하고 싶다
컨테이너 정렬부터 아이템 제어까지 Flex 핵심을 단계별로 학습합니다.
스니펫 8개
Grid (갤러리 모양 만들기)
카드 목록을 격자(갤러리)로 만들고 싶다
2차원 배치가 필요한 카드/갤러리 레이아웃을 빠르게 만듭니다.
스니펫 4개
Box (박스 디자인 바꾸기)
카드 박스의 테두리, 둥글기, 그림자를 바꾸고 싶다
테두리와 그림자, 박스 크기 계산 방식을 실습합니다.
스니펫 4개
Spacing (여백 간격 다듬기)
요소 사이 간격을 보기 좋게 조절하고 싶다
margin/padding과 gap을 어떻게 나눠 쓰는지 익힙니다.
스니펫 2개