css1 ,flex

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 동시 사용