멋쟁이 사자처럼 숙명여대

1. HTML요소는 모두 box로 이루어져 있다. HTML에서 흔히 사용하는 table, img, li, ul태그들은 사실 눈에 보이지 않는 박스영역으로 이루어져 있다.실제로 개발자 도구를 사용하여 페이지에 사용되는 태그들을 클릭하게 되면 박스영역이 나타나는 것을 볼 수 있다.때문에 HTML를 기본으로 하는 CSS를 잘 사용하려면 이 Box에 대한 개념을 잘 이해하고 있어야 한다. 2. Box 공간의 구성 Box 공간이 어떻게 구성되어 있는지 가장 안쪽부터 살펴보면, 우리 눈에 보이는 내용을 감싸고 있는 부분을 content box라고 한다. 그리고 내용과 테두리 사이의 공간을 padding, 테두리가 있는 공간을 border라고 하며 테두리 바깥에 요소와 요소 사이의 여백 공간을 margin이라고 한다..