css

https://github.com/nabinyang/airport_css_practice

static원래 위치relative원래 위치를 기준으로 이동absolutestatic이 아닌 포지션을 가진, 가장 가까운 위젯을 기준으로 이동fixed브라우저 화면을 기준으로 이동, 고정stickystatic처럼 있다가 어디에 닿으면 fixed됨네비게이션바에 자주 쓰임

아래 모든 걸 쓰기 위해선 우선 flex로 설정해주어야한다.display: flexjustify-context기본 축 정렬align-items반대 축 정렬

flex는 인스타 피드처럼 여러 요소들을 나열할 때 쓰는 방식이다.나열하고 요소들을 꽉 채우고 싶을 때는 어떤 옵션을 추가해야하는가?빈 공간을 채우고 싶으면?어떤 요소의 크기를 내 마음대로 고정하고 싶으면?

이 코드를 쓰면 가로로 나열하거나 세로로 나열할 수 있다.요소의 크기를 정해주고 싶으면 위 코드를 쓴다.자동으로 넘어가게 하고 싶다면 위 코드를 쓴다.요소를 꽉 채우고 싶으면 위 코드를 쓴다.