지금까지 학습한 박스 모델의 네 가지 요소를 사용하면 웹 사이트의 레이아웃 구조 및 좌표를 쉽게 파악할 수 있습니다. 네이버나 기업 홈페이지 등 기존 웹 사이트는 어떤 방식으로 제작되어 있는지 박스 모델로 구조를 파악해 보기 바랍니다.

 

그림 7-10 레이아웃 작업에 익숙해지려면 개발자 도구를 적극 활용하자