🎨 CSS 박스(Box) 모델 한눈에 쏙 정리

CSS box-model HTML 요소는 기본적으로 박스 모델로 되어 있다. 태그를 통해 요소를 만들 때마다 새로운 box가 생기고 그 박스에 style을 주어서 문서를 꾸밀 수 있게 되는 것이다. 내용을 표시하는 영역(Content Area)부터 바깥 영역 여백(Margin)까지를 한 박스 모델의 영역이라고 보면 된다. Content : 태그 박스 안의 내용, 텍스트나 이미지 Padding : content 주위 영역 (태그 안) Border : padding과 content를 둘러싼 주위 영역 (태그와 밖의 경계) Margin : border의 밖 (태그와 태그 밖 밖깥 태그나 body 사이 영역) 콘텐츠 크기 속성 height / width / max-width / min-width 기본적으로 wi..

인파_

2021.10.01