margin,border,padding
x,x,x,x : 위, 오른쪽, 아래, 왼쪽
x : 모두 같은 사이즈
x,x,x : 위 , 오른쪽&왼쪽 , 아래
x,x : 위&아래 , 오른쪽&왼쪽
block
위에서 아래로 쌓인다
inline
같은 줄
clear : both
float 영향을 받지 않음
flex
justify-content
가로 정렬
align-items
세로 정렬
//column 일경우 반대로 바뀜
flex-direction
열,행 설정
align-self
align-items 값을 받고 개별적으로 값 적용
order
값 순서 변경
flex-warp
값들을 한줄~여러줄 걸쳐 정렬
-align-content
줄 사이의 간격 조절
flex-flow
fiex-direction , flex-wrap 동시 사용