1、新建壹個html頁面。
2、在html頁面上新建三個div標簽，分別為這三個div添加class為:header、main、footer。
3、創建style標簽用於設置css樣式。在title標簽下創建壹個style標簽，然後為header類設置div的高、背景顏色樣式。
4、為顯示主要內容的main類設置樣式。在style標簽裏設置main類樣式的邊框、寬、高、背景顏色。
5、設置底部footer的樣式。在style標簽裏添加footer類樣式的背景顏色和高度。
6、保存好html文件後使用瀏覽器查看效果。
7、在瀏覽器上看到div標簽和瀏覽器存在壹些空白的像素，為了去掉這些空白的像素我們需要把body標簽設置外邊框。