처음에는 난해해 보였 던 코드들이 점점 익숙해진다.
익숙해지고 코드 치는게 자연스러워 진다는 건
큰 발전이다 나에겐.

CSS

1. background-attachment

• 요소의 배경 이미지 스크롤 특성
  . 기본특성은 이미지가 요소에 따라서 같이 스크롤
  . fixed 이미지가 뷰포트에 스크롤을 내려도 고정

2. positon(배치)

• 요소의 위치 지정기준! (기준을 잡고 위치를 잡기)
  . static 기본속성
  . ralative 요소 자신을 기준으로 설정(내가 부모다 나를 기준으로 다들 행동해!)
  . absolute 위치 상 부모 요소를 기준(우리 부모님이 어딨지? 부모님을 기준으로 움직이자!)
  . fixed 뷰포트를 기준
  위치) top, bottom, left, right
  #포지션의 속성 값으로 적용을 했을 때 지정 된 요소는 display속성이 block으로 적용된다.

3. 요소 쌓임순서(stack order)

• 어떤 요소가 사용자와 더 가깝게 있는지 결정
  ㄱ. 요소에 포지션 속성의 값이 있는 경우 위에 쌓인다.
  ㄴ. 조건이 같은 경우 z-index 속성의 숫자가 값이 높을 수록 위로 쌓인다.
  ㄷ. ㄱ,ㄴ의 조건이 같을 경우 html의 다음 구조가 쌓인다.

3. flex

• 수평 정렬) 이용하여 자신의 컨테이너 박스에 아이템 간 공간 배분과 정렬 기능을 제공한다.
  . display:flex 블록 요소의 컨테이너 박스를 생성
  . display:inline-flex 인라인 요소의 컨테이너 박스를 생성
  . flex-direction 주 축을 설정한다.
  ㄱ. row 좌 우
  ㄴ. row-reverse 우 좌
  ㄷ. column 위 아래

flex 다음 강의에 이어서