一、首先根據網頁設計圖拆分網頁的整體結構

?

二、在html頁面用DIV劃分出結構塊

三、再根據設計圖在各個大<DIV>塊中加入對應的小<DIV>塊或者段落<P>,表單<form>,表格<table>,菜單（用css制作的菜單（項目列表）），標題<h3>,<h4>等。

?四、模塊拆分、頁面的整體框架有了大體設計之后，對各個模塊進行分別的處理，最后再統一整合。這也是設計制作網站的通常步驟，養成良好的設計習慣便可孰能生巧。

?五、用css調整HTML中模塊的位置效果，事頁面達到設計圖上的整體效果

轉載于:https://www.cnblogs.com/czlovezmt/p/10238571.html

總結

以上是生活随笔為你收集整理的读CSS DIV网页样式与布局心得体会的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。