CSS - 문제 미리보기
문제 1047
medium
다음 CSS 코드에서 문법 오류가 있는 부분은?
```css
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20 px;
font-size: 24px;
}
```
정답: C
CSS에서 숫자 값과 단위 사이에는 공백이 있으면 안 됩니다.
오류 분석:
• `margin-left: 20 px;` ❌ (숫자와 단위 사이에 공백)
• `margin-left: 20px;` ✅ (올바른 형태)
올바른 CSS 단위 사용법:
```css
/* 올바른 예시들 */
width: 100px; /* 공백 없음 */
height: 50%; /* 공백 없음 */
font-size: 1.5em; /* 공백 없음 */
/* 잘못된 예시들 */
width: 100 px; /* 공백 있음 - 오류! */
height: 50 %; /* 공백 있음 - 오류! */
font-size: 1.5 em; /* 공백 있음 - 오류! */
```
이는 CSS 파싱 규칙에 의한 것으로, 브라우저가 값을 제대로 인식하지 못해 스타일이 적용되지 않습니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.