[CSS 개념잡기] 박스모델(Box model)

4. Box model CSS 박스 모델 박스 모델이란?

웹 페이지는 여러 박스로 구성되어 있다. content: 콘텐츠가 표시되는 영역 padding: 콘텐츠와 테두리(border) 사이 여백 border: padding과 margin 사이 테두리(default = 0) margin: 가장 바깥 쪽 레이어 콘텐츠와 패딩, 테두리를 둘러며 해당 박스와 다른 요소 사이 공백 역할 크기 - width, height content의 크기 지정 defalut: auto 상속되지 않음 블록 요소에만 적용됨!! 인라인 요소에 적용 하려면 display 값을 block 또는 inline-block으로 바꿔줘야 함 크기 - max-width, min-width, max-height, min-height 특정.....

원문링크 : [CSS 개념잡기] 박스모델(Box model)