CSS - 문제 미리보기

문제 1313

easy
CSS만으로 드롭다운 메뉴를 만들 때, 평상시에는 숨겨져 있다가 마우스를 올렸을 때 나타나게 하는 기본 원리는?
A. `visibility: hidden;`을 `visibility: visible;`로 변경
B. `opacity: 0;`을 `opacity: 1;`로 변경
C. `display: none;`을 `display: block;`으로 변경
D. `height: 0;`을 `height: auto;`로 변경

정답: C

• 드롭다운 메뉴의 기본 동작 원리는 표시/숨김 전환입니다 • `display` 속성을 활용한 방법: • 평상시: `display: none;` (완전히 숨김) • 호버 시: `display: block;` (표시) • `:hover` 가상 선택자와 함께 사용하여 마우스 오버 시 자동으로 전환됩니다 • 다른 방법들과의 차이점: • `visibility`: 공간은 차지하면서 보이지만 않음 • `opacity`: 투명하게 만들지만 공간은 차지 • `height`: 애니메이션 효과는 좋지만 복잡함 • `display` 방법이 가장 간단하고 직관적입니다
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

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