CSS - 문제 미리보기

문제 1234

easy
다음 CSS 코드의 빈칸에 들어갈 올바른 값은? ```css li { display: _____; } ``` 가로 메뉴를 만들기 위해 리스트 아이템을 한 줄에 배치하고 싶을 때
A. block
B. inline
C. none
D. flex

정답: B

가로 메뉴 구현을 위한 display 변경: 기본 li 요소: • 기본값: `display: list-item` (블록과 유사) • 세로로 쌓이는 구조 • 각 항목이 새 줄에 표시 inline으로 변경한 효과: • 한 줄에 나란히 배치 • 메뉴 항목들이 가로로 정렬 • 내비게이션 메뉴 구현에 필수 다른 선택지 분석: • block: 세로 배치 (가로 메뉴 부적합) • none: 요소 숨김 (메뉴 표시 안됨) • flex: 최신 방법이지만 기본적인 inline이 더 간단

💡 학습 팁

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