Tạo footer và header ( banner ) sử dụng CSS

Đầu tiên chúng ta tạo một HTML

HTML Code:

<link rel="stylesheet" type="text/css" href="style.css"
 medial="all" />

<!-- Phần Chúng Ta Quan Tâm Đây -->
<div id="main">
<div id="banner"> Banner </div>
<div id="content">  Nội dung trang web </div>
<div id="footer">  Footer </div>
</div>

Và một file CSS nội dung như phía dưới, bạn copy và lưu lại với tên style.css

HTML Code:

body {
font-weight: bold;
text-align: center;
margin: 0px;
}
#main {
width: 900px;
}


#banner{
background: #FFFFC0;
height: 90px;

}

#content{
height: 500px;
}

#footer{
background: #FFFFC0;
}

.clear{
    clear:both;
}  

Chúng ta dùng cái <div id="main"></div>

Mục đích chủ yếu là để bao bọc Banner, Content và Footer lại. Cái body { } thì bạn ko cần khai báo trong HTML, khi chèn CSS vào nó tự động gắn vào