결국 html 에서 display 를 통해 inline, block 요인 등으로 변경하게 된다
핵심은 각각의 요소들이 어떠한 특징을 가지고 있는지를 알면 된다.
일단 기본적으로 요인들의 요소들의 width 와 height 는 auto값을 가지게 된다.
1. block 요소
width => 부모의 width값을 가지게 됨
height=> 자식들의 height 값을 계산하여 설정되게 됨.
2. inline 요소
width=> 본인의 content 만큼 늘어남
height=>본인의 content 만큼 늘어남
inline 요소는 width 와 height 를 변경할 수가 없음
그래서 대안으로
display= inline-block이 나왔다
font와 관련된 것들은 상속을 받게 된다!!
그래서 예를 들어
<h1> 안에 <div> 가 들어갈시 div의 폰트 사이즈는 그대로 16px이 아니라 32px로 상속받게 된다!!