HTML 박스모델이란?(2) margin, border, padding, content
HTML 박스모델이란?(2) 전에 글에서 말씀드린 데로 이번에는 박스 모델에 대해 더 자세한 설명을 해보겠습니다. 복습을 하자면 박스 모델은 HTML에서 작성된 값은 보이지 않지만 4개의 박스로 구성이 되어있습니다. 가장 밖깥쪽에 margin, 테두리를 담당하는 border, 그 안에 padding, 이미지나 텍스트로 구성된 content의 영역으로 구성이 되어있고 CSS 코드 예시를 보여드렸었습니다. 다시 강조 드리지만 HTML 박스 모델은 CSS를 통해 HTML을 꾸밀 경우 꼭 알아둬야 하는 중요한 기초 정보이기 때문에 꼭 알아두셔야 합니다. 본론으로 돌아가서 content영역을 제외한 박스 모델은 각각의 영역이 위, 왼쪽, 아래, 오른쪽으로 나눠져있습니다. 그래서 모든 영역을 top, left, b..
2022. 7. 3.
