margin1 margin과 padding의 차이점 HTML은 4가지 박스 형태로 만들어진다. 이 4가지 영역을 박스모델이라고 한다. 브라우저에서 개발자 도구를 열고, Elements의 coumputed 탭을 열면 나오는 이 네모 박스가 바로 boxmodel을 나타내는 것이다. 가장 안쪽부터 Content 영역, Padding 영역, Border 영역, Margin 영역이다. Content는 요소의 실제 내용을 포함하는 영역으로, 내용의 너비 및 높이를 나타낸다. Border는 Content 영역을 감싸는 테두리 선이다. Padding은 Content와 Border 사이의 여백을 나타낸는 영역이다. Content 영역이 배경색이나 배경 이미지를 가질 때, 이 Padding 영역까지도 영향을 미친다. 즉, Padding 영역도 Content의 연장으로 볼 .. 2020. 11. 21. 이전 1 다음