1. margin margin 은 요소 주변의 여백을 의미한다. 따라서 마진을 이용하면 요소와 요소 사이의 간격을 조절한다. margin : | | auto 이때에도 top, right, bottom, left 순으로 값을 지정하니까 순서를 잘 알고 있어야 한다. 그리고 개발자 도구에서 이를 좀 더 자세히 확인할 수 있으니 거기서 참고하기! margin을 이용해서 웹 문서를 가운데로 정렬할 수 있다. 배치할 요소의 크기가 정해져 있고, margin-left와 margin-right 속성값을 auto로 지정해주면 된다! 그리고 마진이 겹쳐지는 현상을 마진 중첩 이라고 한다. 2. padding padding 이란 콘텐츠 영역과 테두리 사이의 여백을 말한다. padding 역시 개발자 도구에서 보는게 정확히..

1. 블록 라벨 요소, 인라인 라벨 요소 1️⃣ 블록 라벨 요소 : 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킨다. 즉, 너비가 100%라는 뜻!으로 왼쪽이나 오른쪽에 다른 요소가 올 수 없다. , , 2️⃣ 인라인 라벨 요소 : 블록 라벨 요소와는 다르게 한 줄을 차지하지 않는다. 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있어, 한 줄에 인라인 레벨 요소를 여러개 표시할 수 있다. , , 2. 박스 모델⭐⭐ 박스 모델은 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩 padding, 박스의 테두리 그리고 여러 박스 모델 사이의 여백인 마진 margin 등의 요소로 구성된다. 마진과 패딩은 다른 콘텐츠 사이의 간격이나 배치 등을 고려할 때도 중요한 개..