공부기록용

🔴박스모델 🔻요소의 여백 지정하기(padding & margin) 🔻박스크기(box-sizing) 🔻박스의 배경(background) 박스모델(Box-Model) 브라우저가 요소를 렌더링 할 때, 각각의 요소는 기본적으로 사각형 형태로 영역을 차지하게 된다. 이 영역을 '박스'라고 표현하며, CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등등)을 결정할 수 있다. 하나의 박스는 네 개의 영역으로 구성된다 콘텐츠 영역 : width, height 안쪽 여백 : padding 경계선(테두리) : border-width 바깥쪽 여백 : margin +블록요소는 4개의 영역을 모두 가질수 있지만, 인라인 요소는 콘텐츠 영역은 지정할 수 없다. 이를 해결하기 위해서는 display속성의 inline..