CSS Box Model HTML 요소를 감싸는 상자 웹페이지는 이런 수많은 상자가 모여있는것 요소, 패딩, 테두리, 마진으로 구성 요소 : 텍스트, 사진 등 보여줄 대상 패딩 : 요소 주변 영역 테두리 : 요소와 패딩을 감싸는 테두리 마진 : 테두리 밖의 영역 CSS Box Model은 블록박스에 적용. 인라인 박스는 박스 모델에 정의된 일부 동작만 사용 inline 요소는 width, height, 상하 margin 값이 적용 X width 요소의 너비 설정 기본값은 콘텐츠 영역의 너비이지만, box-sizing 속성을 사용해 테두리 영역의 너비를 설정 auto : 기본값. 브라우저가 계산하여 지정(요소의 부모 크기 기준으로 가득 채우기) height 요소의 높이 설정 auto : 기본값. 브라우저가..
