[CSS] TIL4 : 박스 모델 / 크롬 웹 브라우저의 개발자 도구 이용 / 박스의 유형 및 설정
▣ 박스 모델(Box model) ※ 그림 자료 출처 : CSS 3D Box Model Hierarchy 위의 그림에서 볼 수 있듯이 CSS의 구성 요소들 대부분이 박스 구조이며, CSS의 속성 중 상당 부분이 박스 구조를 다루는 것과 관련이 있습니다. 그리고 박스의 유형은 블럭(Block), 인라인(Inline), 인라인-블럭(Inline-block)으로 나누어지며, 박스의 유형에 따라 브라우저에서 보이는 양상이 달라집니다. 박스 모델의 세부 구성 요소에는 외부 여백(Margin), 배경 색상(Background-color), 배경 이미지(Background-image), 테두리(Border), 내부 여백(Padding), 내용(Content) 등이 있습니다. 그 중에서 외부 여백, 테두리, 내부 여백..
2021. 4. 29.
