block
<div><h><ol><ul><li><p><form><header><footer><section>화면전체사용
자동줄바꿈
width height padding margin 모두 적용가능
기본적으로 width값 100%
inline
<span><a><i><b><img><input><br>자신의 컨텐츠 크기만큼 사용
줄바꿈하지 않고 요소끼리 한줄에 위치
margin은 좌우만 적용하고 위아래는 적용되지않음.
padding 좌우위아래 모두 적용하지만 높이값에는 padding값을 포함하지 않음.
inline-block
<button><select>기본적인 속성은 inline이지만(줄바꿈이 불가능)
width height padding margin 모두 적용가능
한줄에 원하는 너비로 적용가능
none
엘리먼트가 마치 존재하지 않는 것처럼 작용
visibility: hidden; 설정하면 엘리먼트가 보이지 않더라도 여전히 공간 차지
