코드가 처음인 사람을 위한 Modern HTML CSS
/
CSS Basics
/
CSS Distribution (padding / margin)

CSS Distribution (padding / margin)

padding, margin 을 사용하면, 상위 항목 과 하위 항목 간에 여백(padding)을 주거나 요소들 간에 간격(margin)을 줄 수 있습니다

Concept

24 min follow •

featured-image-of-CSS Distribution (padding / margin)
HTML Basics
CSS Basics
Instagram Clone
HTML Basics
CSS Basics
Instagram Clone

Section 1

padding

padding

padding 을 사용하면, 하위 요소들(children)과, 이를 감싸고 있는 부모(parent) 태그 사이간에 여백을 줄 수 있습니다



이 padding 들은 마치 과자를 포장하는 봉지 (parent)와 과자들(children) 사이의 공기들과 같은 역할입니다

padding 을 사용하면 공기가 없는 쪼그라든 과자 보다, 과자 자체를 조금 더 안정감 있게 보여 줄 수 있습니다

Loading Summary...
이 튜토리얼을 계속 읽으시려면, 로그인 or 회원가입 해주세요
© 2025 Harbor School - Proudly built with Lighthouse Design System
© 2025 Harbor School - Proudly built with Lighthouse Design System