NeatCoder's Lab

오늘은 CSS에서 말하는 margin과 padding에 대해서 알아보도록하자. 굉장히 쉽고 또 이 부분은 box sizing과 연관되기 때문에 차근차근 익혀보도록하자. 먼저 margin과 padding에 대해서 얘기하기 전에 border에 대해서 얘기할 필요가 있다. 그리고 그림을 통해서 각각의 명칭을 알면 더욱 빠를 것이다. 모든 html요소는 박스안에 담긴다. 그리고 이 box안에 content를 담아서 화면에 렌더링을 시키는 것인데 box는 margin, border, padding, content를 담고 있다. 보면 가장 바깥에 테두리가 margin 그리고 border, 안의 여백이 padding, 그리고 그 안에 content box가 위치한 것을 볼 수 있다. 그래서 다시 본론으로 돌아와서 얘..