CSS - background-image , img 태그 차이

CSS - background,  img 태그 차이

---

img 태그

1. 이미지를 불러왔을 때 경로가 어긋난 경우 엑스박스로 보여진다.

2. 사이즈를 조절하면 정비율로 줄어들고 늘어난다.

 

background css속성

1. 이미지를 불러왔을 때 경로가 어긋나도 엑스박스로 표현하지 않는다.

2. 사이즈를 자유롭게 조절 가능하다.

 

보통 컨텐츠 UI 카드 등을 img로 하고

배경화면 같은 것을 background css속성으로 넣는다.