CSS - 문제 미리보기
문제 1324
easy
이미지 스프라이트에서 원하는 부분만 표시하기 위해 사용하는 CSS 속성은?
```css
#home {
width: 46px;
height: 44px;
_____: url(img_navsprites.gif) 0 0;
}
```
```css
#home {
width: 46px;
height: 44px;
_____: url(img_navsprites.gif) 0 0;
}
```
정답: B
• `background` 속성은 이미지 스프라이트의 핵심 기술입니다
• background 속성의 구성:
• `url(img_navsprites.gif)`: 스프라이트 이미지 파일 지정
• `0 0`: 배경 위치 (x축 0px, y축 0px)
• 스프라이트 작동 원리:
• 큰 이미지를 배경으로 설정
• 요소의 크기(width/height)로 보여질 영역 제한
• 배경 위치로 원하는 부분을 창문처럼 보여줌
• 다른 선택지 분석:
• `background-image`: 이미지만 지정, 위치 설정 불가
• `src`: HTML img 태그 속성, CSS가 아님
• `content`: 가상 요소에서 사용, 이미지 스프라이트에 부적절
• `background` 단축 속성으로 이미지와 위치를 한 번에 설정하는 것이 일반적입니다
• background 속성의 구성:
• `url(img_navsprites.gif)`: 스프라이트 이미지 파일 지정
• `0 0`: 배경 위치 (x축 0px, y축 0px)
• 스프라이트 작동 원리:
• 큰 이미지를 배경으로 설정
• 요소의 크기(width/height)로 보여질 영역 제한
• 배경 위치로 원하는 부분을 창문처럼 보여줌
• 다른 선택지 분석:
• `background-image`: 이미지만 지정, 위치 설정 불가
• `src`: HTML img 태그 속성, CSS가 아님
• `content`: 가상 요소에서 사용, 이미지 스프라이트에 부적절
• `background` 단축 속성으로 이미지와 위치를 한 번에 설정하는 것이 일반적입니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.