박스모델 box-model css강의

    CSS 강의 2편 - Box model(박스모델)

    저번 강의에서 CSS 기본과 selector들을 알아보았습니다. 이번에는 CSS에 기초 개념인 Box model을 설명하려고 합니다. 제가 인턴으로 들어갈 때 받았던 질문인데 저는 그때 Box model을 처음 들어서 너무 당황했던 기억이 납니다. CSS를 조금 해보셨다면 Box model을 처음 들어봐도 나중에는 아~그거라는 말을 속으로 할 것 같습니다. CSS Box model이 뭐지? CSS에서 나오는 모든 박스는 4부분으로 이루어집니다. Content Padding Border Margin Content Content는 우리가 아무런 스타일을 적용하지 않았을 때 element가 가지는 공간입니다. 예를 들어 div에 width: 200px; height: 200px라는 인라인 스타일을 줬을 때 그..