해당 카테고리에는 웹에 대한 전반적인 내용을 정리하겠습니다. 스스로 개발을 해봐야 비로소 알게 된다는 말이 뭔지 몸소 느끼고 있습니다. 아직 많이 부족하니 지적과 피드백은 언제나 환영입니다. 모든 html 요소는 box 모양으로 구성되어 있고, 이를 box model이라고 한다. box model은 html 요소를 margin, border, padding, content으로 구분한다. 앞선 포스팅에서 설정한 width, height값은 content 영역의 크기만을 설정한 것이었다. 어떤 영역의 크기를 설정한 것인지는 개발자 도구(단축키 F12)를 통해 확인할 수 있다. box model이 어떻게 동작하는지 알아야 html 요소들을 잘 표현할 수 있다. padding, border, margin은 상하..