CSS - 문제 미리보기
문제 1472
easy
다음 Media Query 코드에서 빈칸에 들어갈 올바른 문법은?
```css
.container {
--font-size: 16px;
font-size: var(--font-size);
}
_______ screen and (min-width: 768px) {
.container {
--font-size: 24px;
}
}
```
정답: B
• Media Query를 작성할 때는 `@media` 키워드를 사용합니다
• 기본 문법: `@media 미디어타입 and (조건) { 스타일 규칙 }`
• `screen`은 미디어 타입으로 화면을 의미합니다
• `(min-width: 768px)`는 화면 너비가 768px 이상일 때를 의미합니다
• Media Query 안에서 변수를 재정의하면 해당 조건에서만 새로운 값이 적용됩니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.