[ css ] background - position과 size

position 과 size 속성을 사용해서 배경 이미지를 만들 것이다.

 

position이랑 size속성을 이용해서 배경 이미지를 조절 할 수 있다는 생각은 못하고 margin값을 줘서 사이즈를 조절하려고 했었다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 포지션이랑 사이즈 속성을 사용안하고 하려니까 배경이미지가 짤리고 내부 요소들에 margin값을 줘서 전체 사이즈를 만들려고 했....ㅎㅎㅎㅎ 이렇게 하면 절대 안됨......ㅠㅡㅠ 

 

---

100% 100% / auto 85% 

순서대로 position / size를 나타낸다.

가로 100% 세로 100%의 위치에서 사이즈는 가로 auto 세로 80%를 의미 한다! 

 

 

---

0% 0% / auto 50% 를 준다면

가로 세로가 0%인 위치에서 세로 50% 축소된 이미지가 된다..! 

 

예시로 들기엔 사진이 적당하지는 않는것 같다. 나중에 헷갈리지않게 한번 더 정리하면 좋을 듯..!