CSS - 문제 미리보기
문제 1139
easy
CSS 박스 모델의 구성 요소를 안쪽에서 바깥쪽 순서로 올바르게 나열한 것은?
정답: B
각 영역의 역할:
• Content: 실제 내용 (텍스트, 이미지)
• Padding: 내용과 테두리 사이의 투명한 공간
• Border: 패딩과 콘텐츠를 둘러싸는 테두리
• Margin: 요소 바깥쪽의 투명한 공간
실제 코드 예시:
```css
.box {
/* 안쪽부터 바깥쪽 순으로 설정 */
width: 200px; /* Content 영역 */
padding: 20px; /* Padding 영역 */
border: 2px solid red; /* Border 영역 */
margin: 10px; /* Margin 영역 */
}
```
• Content: 실제 내용 (텍스트, 이미지)
• Padding: 내용과 테두리 사이의 투명한 공간
• Border: 패딩과 콘텐츠를 둘러싸는 테두리
• Margin: 요소 바깥쪽의 투명한 공간
실제 코드 예시:
```css
.box {
/* 안쪽부터 바깥쪽 순으로 설정 */
width: 200px; /* Content 영역 */
padding: 20px; /* Padding 영역 */
border: 2px solid red; /* Border 영역 */
margin: 10px; /* Margin 영역 */
}
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.