CSS - 문제 미리보기
문제 1089
medium
다음 코드에서 빈칸에 들어갈 값으로 페이지와 함께 스크롤되게 하려면?
```css
.hero-section {
background-image: url("hero-bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: ______;
}
```
정답: B
배경 이미지가 페이지 내용과 함께 스크롤되도록 하려면 `scroll` 값을 사용합니다.
scroll vs fixed 비교:
scroll: 배경이 페이지와 함께 움직임 ✓
• 자연스러운 스크롤 경험
• 성능상 유리함
• 대부분의 상황에서 사용
fixed: 배경이 고정되어 움직이지 않음
• 특별한 시각적 효과
• 패럴랙스 효과의 기초
• 성능상 부담이 있을 수 있음
실무 팁:
기본값이 `scroll`이므로 굳이 명시하지 않아도 되지만, 명확한 의도 표현을 위해 작성하기도 합니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.