CSS - 문제 미리보기

문제 1235

medium
`display: none;`과 `visibility: hidden;`의 차이점으로 올바른 것은?
A. 둘 다 동일한 효과를 가짐
B. display: none은 공간을 차지하지 않고, visibility: hidden은 공간을 차지함
C. display: none은 공간을 차지하고, visibility: hidden은 공간을 차지하지 않음
D. 둘 다 공간을 차지함

정답: B

두 속성의 근본적인 차이점:

display: none:
• 완전 제거: 요소가 DOM에서 렌더링되지 않음
• 공간 없음: 다른 요소들이 빈 공간을 채움
• 레이아웃 변화: 페이지 구조가 재배치됨
• 용도: 토글 메뉴, 조건부 표시

visibility: hidden:
• 투명화: 요소가 보이지 않지만 존재함
• 공간 유지: 원래 차지하던 공간을 그대로 보존
• 레이아웃 유지: 다른 요소들의 위치 변화 없음
• 용도: 페이드 효과, 임시 숨김
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

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