CSS : layout의 모든 것.

position :

position: static;
position: realtive;
position: absolute;
position: fixed;
position: sticky;

display :

display: inline-block;
display: block;
display: inline;
display: grid;

<정렬>
자식교육은 부모가 해야한다. - 자식들을 정렬시킬려면 부모한테 줘야한다.
display: flex; - 정렬활성화(정렬을 명령한다, 시작점)
flex-direction: row; 디스플레이 된 것만 가로로 "정렬"
justify-content: space-between; 사이 간격 조절
align-items: center; 플렉스 디렉션의 중심의 반대축(가로축, 세로축 두개밖에 없다)

<>
position:

float :

float:
left;
right;

clear:
none;
left;
right;
both;

값을 나타내는 단위 정리
px
vw
fr
%