HTML/CSS 기초부터
차근차근 배워보세요 📚
각 카테고리별 핵심 개념을 코드 예제와 함께 설명합니다.
배운 후 바로 챌린지로 연습해보세요.
🔘
CSS 버튼 마스터하기
HTML 버튼을 아름답게 스타일링하는 방법을 배워보세요. padding, border-radius, 색상, 그림자까지 단계별로 알려드립니다.
🃏
CSS 카드 레이아웃 가이드
카드 UI는 정보를 깔끔하게 정리하는 핵심 패턴입니다. 그림자, 레이아웃, 구조화 방법을 배워보세요.
📝
CSS 폼 디자인 가이드
입력 필드, 버튼, 레이아웃까지 — 사용자가 편하게 쓸 수 있는 폼을 만드는 방법을 배워보세요.
🧭
CSS 네비게이션 가이드
웹사이트의 네비게이션 바, 탭, 브레드크럼을 만드는 방법을 배워보세요.
📐
CSS 레이아웃 마스터하기
Flexbox와 CSS Grid를 사용해서 2단, 3단, 센터 정렬 레이아웃을 만드는 방법을 배워보세요.
🧩
CSS 컴포넌트 만들기
뱃지, 토스트, 토글 스위치, 프로그레스 바 등 실무에서 자주 쓰이는 UI 컴포넌트를 만들어보세요.
✏️
CSS 타이포그래피 가이드
폰트 크기, 줄 높이, 간격, 색상 등 텍스트를 아름답게 다루는 방법을 배워보세요.