CSS - 문제 미리보기
문제 1514
medium
Grid 아이템에 특정 영역을 할당하는 CSS 속성과 올바른 사용법은?
```css
.item1 {
______: header;
background-color: purple;
}
```
정답: C
`grid-area` 속성은 개별 그리드 아이템이 차지할 영역을 지정합니다.
• 영역 연결: `grid-template-areas`에서 정의한 영역 이름과 연결
• 아이템별 설정: 각 그리드 아이템(`.item1`, `.item2` 등)에 개별적으로 적용
• 자동 배치: 지정된 영역에 자동으로 아이템이 배치됨
• 예시 구조:
```css
.item1 { grid-area: header; } /* 헤더 영역 */
.item2 { grid-area: menu; } /* 메뉴 영역 */
.item3 { grid-area: main; } /* 메인 콘텐츠 영역 */
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.