DIV CSS 佈局教程網

一般網站都會做到點擊logo，就會回到主頁，應該怎麼做呢，大家首先會想到，給圖片加上鏈接就可以了。相信本文介紹一定會讓你有所收獲。

DIV+CSS學習教程之Logo鏈接

一般網站都會做到點擊logo，就會回到主頁，應該怎麼做呢，大家首先會想到，給圖片加上鏈接就可以了。前四節的大練習大家做的怎麼樣？有沒有難度，如果你覺著有難度沒有關系，這節課，我帶著大家做一下這個練習！

【第一步整體布局與公共CSS定義】

我們先來分析一下這個頁面。

頁面主要分5大塊，頂部的Logo、導航條Nav、Banner、Content、Footer，如下圖

這樣Html就很容易寫出來了

<dividdivid="Logo"></div> 
<dividdivid="Nav"></div> 
<dividdivid="Banner"></div> 
<dividdivid="Content"></div> 
<dividdivid="Footer"></div> 

因為這5塊的寬度都是900像素，並且都是水平居中的，所以相應CSS代碼如下

body,div,a,img,p,form,h1,h2,h3,h4,h5,h6,input,textarea,ul,li,dt,dd,dl{margin:0;padding:0;}  
 
#logo,#Nav,#Banner,#Content,#Footer{width:900px;margin:0auto;}