一、首先根據(jù)網(wǎng)頁設(shè)計(jì)圖拆分網(wǎng)頁的整體結(jié)構(gòu)

?

二、在html頁面用DIV劃分出結(jié)構(gòu)塊

三、再根據(jù)設(shè)計(jì)圖在各個(gè)大<DIV>塊中加入對應(yīng)的小<DIV>塊或者段落<P>,表單<form>,表格<table>,菜單（用css制作的菜單（項(xiàng)目列表）），標(biāo)題<h3>,<h4>等。

?四、模塊拆分、頁面的整體框架有了大體設(shè)計(jì)之后，對各個(gè)模塊進(jìn)行分別的處理，最后再統(tǒng)一整合。這也是設(shè)計(jì)制作網(wǎng)站的通常步驟，養(yǎng)成良好的設(shè)計(jì)習(xí)慣便可孰能生巧。

?五、用css調(diào)整HTML中模塊的位置效果，事頁面達(dá)到設(shè)計(jì)圖上的整體效果

轉(zhuǎn)載于:https://www.cnblogs.com/czlovezmt/p/10238571.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。