프론트엔드1 CSS 박스 만들기 - 초보자를 위한 단계별 가이드 1. 박스 모델 소개 ```htmlCSS 박스 모델은 웹페이지에서 요소가 차지하는 공간을 설명하는 개념이야. 각 요소는 콘텐츠(content)영역을 감싸는 박스(box)로 구성돼. 박스는 콘텐츠(content)뿐만 아니라 패딩(padding), 테두리(border), 여백(margin)으로 이루어져 있어. 콘텐츠(content)는 요소 안에 들어가는 실제 내용을 말해. 패딩(padding)은 콘텐츠(content)와 테두리 사이의 여백을 말해. 테두리(border)는 요소 주위에 그려지는 선을 말해. 여백(margin)은 요소 주위의 공간을 말해. 요소 사이의 공간을 조절할 때 중요해.``` 2. 기본 박스 스타일링 배경색 설정: 박스에 배경색을 적용하려면 background-colo.. 2024. 7. 31. 이전 1 다음