CSS-BOX MODEL (width, height, padding, margin, border)
이 BOX는 콘텐트(Content), 패딩(Padding), 테두리(Border), 마진(Margin)으로 구성된다. 브라우저는 박스 모델의 크기와 속성, 위치를 근거로 하여 렌더링을 실행한다. 웹디자인은 콘텐츠를 담을 박스 모델을 정의하고 CSS를 통해 스타일(배경, 폰트 등)과 위치 및 정렬을 지정하는 것이라고 할 수 있다. 1. width, height : 가로 크기, 세로 크기 전체 너비 width + left padding + right padding + left border + right border + left margin + right margin 전체 높이 height + top padding + bottom padding + top border ..
2020. 8. 18.