2019 0812 CSS

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