[CSS] Box Model

HTML Element는 Box로 취급되며, 이 박스는 다음과 같이 구성됩니다. Content 실제 텍스트나 이미지와 같은 요소의 내용이 위치합니다. width와 height 속성으로 크기를 조절할 수 있습니다. .box { width: 200px; height: 100px; } Padding Content와 Border 사이의 공간입니다. padding 속성을 사용하여 안쪽 여백의 크기를 조절할 수 있습니다. .box { padding: 20px; } Border Content를 감싸고 있는 테두리입니다. border 속성으로 테두리의 스타일, 두께, 색상을 설정할 수 있습니다. .box { border: 2px solid #333; } Margin 요소와 인근 요소 간의 간격을 나타냅니다. margin 속성을 사용하여 바깥 여백의 크기를 조절할 수 있습니다. .box { margin: 10px; } 위의 예제에서 .box는 클래스가 적용된 요소를 나타냅니다.

이러한 속성들을 적절...