박스모델1 [CSS] Box model (박스 모델) 왜 Box model(박스 모델)인가? 브라우저의 렌더링 엔진이 문서의 레이아웃을 계산할 때 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다고 해서 붙여진 이름이다. (CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등)을 결정한다.) 박스는 어떻게 구성되어 있는가? 박스는 크게 Content area(내용물 부분), Padding(안쪽 여백), Border(테두리), Margin(바깥 여백)으로 이루어져 있다. 각 요소를 예시와 함께 살펴보자. Content area 이미지나 비디오 등 요소의 실제 내용 부분을 나타낸다. 콘텐츠 영역의 크기는 width, height가 있다. Padding (안쪽 여백) 컨텐츠 영역 주위의 빈 공간의 크기를 나타낸다. padding.. 2020. 1. 8. 이전 1 다음