1주차 숙제하면서 background-position: center;로 했더니 원하는 부분이 보이지 않아 조정하려고 합니다.

즉문즉답과 답안지로 찾다보니 다음과 여러방법이 있는 것을 찾았습니다.

결국엔 두번째 방법으로 와리가리 하면서 맞추기는 했는데 디음이 세 개가 다른지 해석 부탁드립니다.

또, background-size에서 cover와 100%의 차이점도 궁금합니다~!

  1)  background-position: center 30%;
      background-size: cover;

 2) background-position: 20% 10%;
      background-size: 100%;
      background-repeat: no-repeat;

 3)  background-position: center -300px;