Div+CSS機關入門教程

在網頁建造中，有很多的術語，譬喻：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關於HTML的根基常識，而在你進修這篇入門教程之前，請確定你已經具有了必然的HTML基本。下面我們就開始一步一步行使DIV+CSS舉辦網頁機關計劃吧。

全部的計劃第一步就是構想，構想好了，一樣平常來說還必要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理賞罰軟件將必要建造的界面機關簡樸的構畫出來，以下是我構想好的界面機關圖。

下面，我們必要按照構想圖來籌齊整下頁面的機關，細心說明一下該圖，我們不難發明，圖片大抵分為以下幾個部門：

　　1、頂部部門，個中又包羅了LOGO、MENU和一幅Banner圖片；
　　2、內容部門又可分為側邊欄、主體內容；
　　3、底部，包羅一些版權信息。
　　有了以上的說明，我們就可以很輕易的機關了，我們計劃層如下圖:

按照上圖，我再畫了一個現實的頁面機關圖，聲名一基層的嵌套相關，這樣領略起來就會更簡樸了。

　　DIV布局如下：
　　│body {}　/*這是一個HTML元素，詳細我就不聲名白*/
　　└#Container {}　/*頁面層容器*/
　　　　　├#Header {}　/*頁面頭部*/
　　　　　├#PageBody {}　/*頁面主體*/
　　　　　│　├#Sidebar {}　/*側邊欄*/
　　　　　│　└#MainBody {}　/*主體內容*/
　　　　　└#Footer {}　/*頁面底部*/

至此，頁面機關與籌劃已經完成，接下來我們要做的就是開始謄寫HTML代碼和CSS。

出處：藍色抱負