[CSS ] 09. CSS 기본 예제 모음

[CSS ] 09. CSS 기본 예제 모음

---

이 글은 CSS의 기본 속성을 예제로 정리한 글이다. 예제는 CodePen 결과 화면을 iframe으로 불러와 티스토리 스킨 스타일과 충돌하지 않도록 구성하였다.

---

예제 목록

1. 색상 / 글자 크기
2. 박스 모델 (margin / padding / border)
3. 가운데 정렬 (margin: 0 auto)
4. display (inline-block)
5. hover

---

예제 실행 화면

---

정리

• CSS 속성은 결과 화면을 직접 보면서 이해하는 방식이 좋다.
• 예제는 iframe으로 분리하여 화면이 깨지지 않게 구성했다.
• 예제 화면이 잘리면 iframe의 height 값을 늘리면 된다.