[html]_4(block&inline)

HTML- 블록레벨(block Level)과 인라인요소

1. 블록 요소
   1. div,h1,p등등
   2. 사용 가능한 최대 가로 너비를 사용한다.height은 다름.
   3. 크기를 지정할 수 있다.
   4. width:100% height:0 으로 시작
   5. 수직으로 쌓인다
   6. margin , padding 위,아래,좌,우 사용 가능하다.
   7. 레이아웃을 만드는데 사용
2. 인라인 요소
   1. span,img
   2. 필요한 만큼의 가로 너비를 사용한다.
   3. 크기를 지정할 수 없다.
   4. width: 0 height:0 으로 시작하고 content에 맞춘다.
   5. 수평으로 쌓인다.
   6. 붙이거나 띄어쓰면 여백의 차이가 생긴다.
   7. margin padding 위 아래는 사용 할 수 없다.
   8. 텍스트를 다루는데 사용

블록 요소와 인라인 요소 바꾸기.

display의 활용

div, h1, p1 등 블록 요소들을 span img 등 인라인 요소들을
display: block; display: inline; 을 활용하여 바꿀 수 있다.