position 속성
HTML에서 요소를 배치하는 방법을 지정하는 속성
static
모든 HTML 요소의 position 속성의 기본 값은 static
top, right, bottom, left 속성의 값을 무시한다.
relative
해당 HTML 요소의 기본 위치를 기준으로 위치를 설정하는 방식
absolute
가장 가까운 조상 엘리먼트에 상대적인 위치를 설정할 수 있도록 해준다.
fixed
절대적인 위치를 고정하는 속성
display 속성
HTML 요소들의 시각적인 형식을 결정하는 속성
inline
display 속성이 inline으로 지정된 요소는 전후 줄바꿈 없이 한 줄에 다른 요소들과 나란히 배치된다.
span, a, img요소는 대표적인 인라인(inline) 요소
block
display 속성이 block으로 지정된 요소는 전후 줄바꿈이 들어가 다른 요소들을 다른 줄로 밀어내고 혼자 한 줄을 차지한다.
block 요소는 사각형 모양이고 widht와 height를 설정하면 block의 크기가 정해진다.
div, h1, p, ul, ol, form요소는 대표적인 블록(block) 요소
inline-block
inline과 block의 특징을 모두 가지고 있다.
inline처럼 한 줄에 다른 요소들과 나란히 배치되고, width와 height로 크기 설정이 가능하다.
float
float 속성을 갖는 요소는 html 문서에서 공간은 차지하되 다른 요소의 배치에 영향을 주지않는 요소가 된다.
