content 파란색 : 시각적인 콘텐츠 (ex 텍스트)
padding 녹색 : 콘텐츠를 둘러싼 투명한 공간
border 노란색 : 콘텐츠와 padding을 둘러싸며 시각적으로 표시 가능한 테두리
margin 복숭아색 : border를 둘러싼 투명한 공간
숫자들은 픽셀값이다. 픽셀은 하나의 색상을 보여줄 수 있는 컴퓨터 화면의 가장 작은 사각형 영역의 단위다.
마진값은 어디서 결정되나?
각 브라우저는 HTML 파일에 명시하지 않는 경우에 대비하여 브라우저 기본 스타일시트라고 부르는 스타일시트를 디폴트로 제공한다. 명시적으로 작성한 스타일은 디폴트값보다 우선한다. 만약 엘리먼트 박스의 값을 명시하지 않으면 기본 스타일이 적용된다.
