CSS - 문제 미리보기
문제 1218
hard
다음 CSS 코드가 적용된 테이블의 최종 모습은?
```css
table {
width: 80%;
}
th {
height: 60px;
}
td {
height: 40px;
}
```
```css
table {
width: 80%;
}
th {
height: 60px;
}
td {
height: 40px;
}
```
정답: B
각 CSS 규칙의 적용 결과:
테이블 너비 (width: 80%):
• 부모 요소의 80% 너비를 차지
• 좌우로 10%씩 여백이 생김
헤더 높이 (th height: 60px):
• 테이블 헤더 셀들이 60픽셀 높이
• 제목 행이 더 큰 높이로 강조됨
데이터 셀 높이 (td height: 40px):
• 일반 데이터 셀들이 40픽셀 높이
• 헤더보다 낮아서 시각적 계층 구조 형성
전체적인 효과:
• 적당한 너비로 읽기 편함
• 헤더와 데이터 셀의 높이 차이로 구분이 명확함
테이블 너비 (width: 80%):
• 부모 요소의 80% 너비를 차지
• 좌우로 10%씩 여백이 생김
헤더 높이 (th height: 60px):
• 테이블 헤더 셀들이 60픽셀 높이
• 제목 행이 더 큰 높이로 강조됨
데이터 셀 높이 (td height: 40px):
• 일반 데이터 셀들이 40픽셀 높이
• 헤더보다 낮아서 시각적 계층 구조 형성
전체적인 효과:
• 적당한 너비로 읽기 편함
• 헤더와 데이터 셀의 높이 차이로 구분이 명확함
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.