CSS - 문제 미리보기

문제 1182

medium
다음 CSS 코드를 분석했을 때, 결과적으로 텍스트에 적용되지 않는 효과는? ```css .special-text { font-style: italic; font-weight: bold; font-variant: small-caps; font-style: normal; } ```
A. 굵은 글씨 효과
B. 기울임꼴 효과
C. 소문자의 작은 대문자 변환 효과
D. 모든 효과가 적용된다

정답: B

CSS에서 같은 속성이 여러 번 선언되면 나중에 선언된 값이 이전 값을 덮어씁니다. 따라서 font-style: italic이 먼저 선언되었지만, 마지막에 font-style: normal이 선언되어 기울임꼴 효과가 취소됩니다. 결과적으로 텍스트는 굵은 글씨(font-weight: bold)와 작은 대문자 변환(font-variant: small-caps) 효과만 적용되고, 기울임꼴은 적용되지 않습니다.

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.