CSS Box Model Box Model이란 뭘까? Box Model은 요소가 웹 페이지에 표시된 방식 그리고 크기를 조정하는 방법이다. box model에서는 웹 페이지의 모든 요소로 된 직사각형 상자를 볼 수 있다. 각 상자에는 콘텐츠가 있다. 경계, 그 안팎의 공간 그래서 모든 조각을 정의하면 상자 하나에 한개의 box model이 있는거다. 사진의 중앙에 핵심 콘텐츠가 있다. 박스 중앙에는 단락의 첵스트와 같은 실질적인 정보가 위치한다. 그 주변에는 패딩이 있다. 테두리가 둘러져 있고 박스 사이에는 여백이 있다. 콘텐츠 레이아웃에 매우 중요한 특성이고 콘텐츠의 크기나 모양, 테두리 간격을 바꿀때 필요하다. Width(가로) & Height(세로) 콘텐츠 박스에 관여하는 가로와 세로부터 설명 시작..