HTML - 문제 미리보기
문제 877
hard
다음 CSS 속성들과 그 역할에 대한 설명 중 올바른 것은?
```css
p {
border: 2px solid blue;
padding: 20px;
margin: 30px;
font-family: Arial;
font-size: 150%;
}
```
```css
p {
border: 2px solid blue;
padding: 20px;
margin: 30px;
font-family: Arial;
font-size: 150%;
}
```
정답: B
CSS 박스 모델과 폰트 속성의 정확한 이해가 필요한 문제입니다:
박스 모델 구조 (안쪽부터 바깥쪽으로):
1. Content (내용): 실제 텍스트나 이미지
2. Padding: 내용과 테두리 사이의 안쪽 여백 (`padding: 20px`)
3. Border: 요소의 테두리 (`border: 2px solid blue` = 2픽셀 두께의 파란색 실선)
4. Margin: 테두리 바깥쪽 여백, 다른 요소와의 간격 (`margin: 30px`)
폰트 속성:
• `font-family: Arial`: 글꼴 종류 설정 (Arial 폰트 사용)
• `font-size: 150%`: 글자 크기 설정 (기본 크기의 150%)
박스 모델 구조 (안쪽부터 바깥쪽으로):
1. Content (내용): 실제 텍스트나 이미지
2. Padding: 내용과 테두리 사이의 안쪽 여백 (`padding: 20px`)
3. Border: 요소의 테두리 (`border: 2px solid blue` = 2픽셀 두께의 파란색 실선)
4. Margin: 테두리 바깥쪽 여백, 다른 요소와의 간격 (`margin: 30px`)
폰트 속성:
• `font-family: Arial`: 글꼴 종류 설정 (Arial 폰트 사용)
• `font-size: 150%`: 글자 크기 설정 (기본 크기의 150%)
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.