CSS 레이아웃

• Element의 크기는 Content box, padding, border, margin으로 구성됨

margin

• border와 외부 엘리먼트들 사이의 여백

border

• 엘리먼트의 가장자리. margin과 padding의 경계.

padding

• 콘텐츠 박스와 border 사이의 여백.

content box

• 콘텐츠 박스

box-sizing

content-box

• width: 300px 이라 하면 콘텐츠 박스의 길이를 300px로 지정.

• box-sizing의 디폴트 값

border-box

• width: 300px 이라 하면 border와 padding, 콘텐츠 박스의 길이를 합쳐 300px로 지정.

• Previous
  Rest API, Restful
• Next
  DOM, BOM 개념 정리