🧐 Postion
postion 프로퍼티를 사용하면,html 코드와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴 수 있다.
- static
기본값 - relative
기본(static) 기준으로 top,right,bottom,left 프로퍼티를 이용하여 위치 조절 - absolute
relative 또는 absoulte한 부모의 위치를 기준으로 위치 조절 - fixed
요소를 화면에 고정(스크롤해도 움직이지 않음)
🧐 Display 속성
- inline
서로 한줄로 바로 옆에 위치 할 수 있음
<a>,<span>,<img>등 - block
혼자서 한줄을 차지하기 때문에 자동으로 줄바꿈이 됨으로 바로옆에 다른 요소를 사용 불가
<header>,<footer>,<p>,<li>,<div>등 - inline-block
linine과 block의 특징을 모두 가진 요소
