배경

background-image

먼저 선언된 순서대로 위로 올라온다.

background-repeat

background-size

background-attachment

각 요소의 스크롤바를 움직이면...

scroll : 움직이지 않습니다.
fixed : 움직이지 않습니다.
local : 선택한 요소와 같이 스크롤됩니다.

object-fit

https://developer.mozilla.org/ko/docs/Web/CSS/object-fit

---

단위2

viewport

메뉴바, 가장자리 테두리 등을 제외한 실제로 콘텐츠가 노출되는 부분의 노란색 부분이 viewport이다.