CSS 박스 모델링
박스 스타일 모든 HTML 요소는 box를 고려합니다. CSS에서 박스 모델은 디자인과 레이아웃에서 다루게 됩니다. CSS 박스모델은 기본적으로 html 요소들을 감싸고 있습니다. 그래서 margins, boder, padding, content를 고려합니다. 박스모델은 우리가 요소에 벽을 추가하는 것에 따라 다릅니다. 그리고 요소의 공백을 정의합니다. 그림으로 설명하면 아래와 같습니다. 용어 설명 Content - 텍스트와 이미지가 표시되는 상자의 내용 Padding - Content 주위의 여백을 설정합니다. Padding 영역은 투명합니다. Border - border영역은 padding 영역을 감싸고 있습니다. Margin - Border 주변의 여백을 설정합니다. Margin영역은 투명합니다. ..