[CSS] 박스모델 이해하기 (추가로. background)
박스모델 이해하기 (추가로. background) 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다. CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등)을 결정한다. 하나의 박스는 네 영역으로 이루어지는데 각 영역을 콘텐츠 영역(content), 안쪽 여백(padding) 영역, 테두리 영역(border), 바깥 여백(margin) 영역이라고 부른다. div 태그를 사용해서 width:100px, height:100px인 박스를 만들었다. content: 글이나 이미지, 비디오 등 요소의 실제 내용을 포함한다. 콘텐츠 영역의 크기는 width와 height를 지정한다. padding: 콘텐츠 영역의 안쪽 여백까지..
2022. 6. 19.