html 요소들은 위와 같은 box model을 가지고 있다. box-sizing 속성의 값은 두 가지로 나눌 수 있다. content-box: width속성의 값이 내용(content)에만 적용된다. border-box: width속성의 값이 내용 + padding + border 값 만큼 적용된다. 따라서 content의 크기는 width - padding + border 값으로 설정된다.

가장 많이 쓰이는 display속성은 다음과 같은 4가지이다. block, inline, inline-block, none block: 박스형태로 표시됨. 다른 요소가 수평으로 붙지 않고 줄바꿈으로 표시됨 inline: 내용(content)만큼만 표시됨. 또한 박스형태를 가지고 있지 않기 때문에 width 등의 속성이 적용되지 않음 inline-block: 박스형태로 표시되는데 다른 요소가 수평으로 붙을 수 있음 none: 표시 안함