이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 박스 모델: 가로와 세로 Box Model: Width & Height 5' 40" 필수 02 박스 모델: 테두리와 모서리 둥글리기 Box Model: Border & Border-Radius 12' 08" 필수&선택 03 코딩 연습 12: Box Model Practice Coding Exercise 12: Box Model Practice - - 04 박스 모델: 패딩 Box Model: Padding 7' 45" 필수 05 박스 모델:..

두 박스 모델 사이 여백 = 마진margin 한 박스 모델에서 테두리와 내용 사이 여백 = 패딩padding 1. 요소 주변 여백 margin 설정 요소와 요소 사이의 간격을 조절할 때, 이 마진margin이라는 속성의 값을 건드리면 된다. margin: | | auto ; 속성값 설명 예시 너빗값, 높잇값을 px, em과 같은 단위와 수치로 지정. margin: 50px; 박스 모델을 포함한 부모 요소를 기준으로 너빗값, 높잇값을 %로 지정. margin: 0.1%; auto display 속성에서 지정한 값에 맞게 적절한 값을 자동 지정. 전날 했던 테두리 디자인을 할 때처럼 margin도 상하좌우를 다르게 설정할 수 있다. margin-top, margin-right, margin-bottom, m..