목차 CSS Box-model 🏳🌈 CSS에 포함되는 모든 요소의 외형은 박스이며, 이 박스를 이해하는 것은 CSS를 통해 레이아웃을 생성 하거나, 아이템과 다른 아이템을 정렬하는 것을 가능하게 한다. 🏳🌈 CSS 박스 모델은 블록 박스에 적용되며, 인라인 박스는 박스 모델에 정의된 일부 동작만 사용한다. 여백, 테두리, 패딩 및 콘텐츠등이 어떻게 작동할 것인지를 정의한다. Content : 콘텐츠가 표시되는 영역으로 그 크기는 width and height 와 같은 속성을 사용해서 정의할 수 있다. Padding : 패딩은 콘텐주 주변을 마치 공백처럼 자리 잡는다. 패딩의 크기는 padding 와 관련 속성을 사용해 제어할 수 있다. Border : 테두리 박스는 콘텐츠와 패딩까지 둘러싼다. 테두리..