반응형
CSS - background, img 태그 차이
img 태그
1. 이미지를 불러왔을 때 경로가 어긋난 경우 엑스박스로 보여진다.
2. 사이즈를 조절하면 정비율로 줄어들고 늘어난다.
background css속성
1. 이미지를 불러왔을 때 경로가 어긋나도 엑스박스로 표현하지 않는다.
2. 사이즈를 자유롭게 조절 가능하다.
보통 컨텐츠 UI 카드 등을 img로 하고
배경화면 같은 것을 background css속성으로 넣는다.
반응형
'Develop > CSS' 카테고리의 다른 글
| CSS - viewport vw vh vmin vmax (0) | 2022.09.21 |
|---|---|
| CSS - em, rem (2) | 2022.09.21 |
| CSS - float (0) | 2022.04.23 |
| CSS - z-index (0) | 2022.04.22 |
| CSS - box에 border 표시 하기 ( feat. !important ) (0) | 2022.04.20 |