CSS - 문제 미리보기
문제 1127
medium
다음 코드에서 빈칸에 들어갈 값으로 h1과 p 사이의 간격을 정확히 50px로 만들려면?
```css
h1 {
margin-bottom: 30px;
}
p {
margin-top: ______;
}
```
```css
h1 {
margin-bottom: 30px;
}
p {
margin-top: ______;
}
```
정답: B
마진 병합에서 원하는 간격을 만들려면 그 값 이상의 마진을 설정해야 합니다.
마진 병합의 동작 원리:
• 더 큰 값이 최종 간격이 됨
• 원하는 간격 = max(첫번째 마진, 두번째 마진)
각 선택지 분석:
1번 (20px):
• h1: margin-bottom: 30px
• p: margin-top: 20px
• 결과: max(30px, 20px) = 30px ❌
2번 (50px):
• h1: margin-bottom: 30px
• p: margin-top: 50px
• 결과: max(30px, 50px) = 50px ✓
3번 (80px):
• h1: margin-bottom: 30px
• p: margin-top: 80px
• 결과: max(30px, 80px) = 80px ❌
마진 병합의 동작 원리:
• 더 큰 값이 최종 간격이 됨
• 원하는 간격 = max(첫번째 마진, 두번째 마진)
각 선택지 분석:
1번 (20px):
• h1: margin-bottom: 30px
• p: margin-top: 20px
• 결과: max(30px, 20px) = 30px ❌
2번 (50px):
• h1: margin-bottom: 30px
• p: margin-top: 50px
• 결과: max(30px, 50px) = 50px ✓
3번 (80px):
• h1: margin-bottom: 30px
• p: margin-top: 80px
• 결과: max(30px, 80px) = 80px ❌
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.