網(wǎng)站PSD模板切圖為XHTML+CSS的網(wǎng)頁實(shí)例(6)

我們將內(nèi)容和背景放到一個含有ID的div的容器里面。不過要記得我們有一個淺色的背景在最后面需要垂直重復(fù)的說，直到CSS3才更廣泛的支持第二個div在這個圖像之上。

網(wǎng)站名字用H1的標(biāo)簽來控制，他也是logo的基礎(chǔ)，上部導(dǎo)航和rss /電子郵件訂閱選項(xiàng)是作為無序列表。

接下來開始用CSS重新構(gòu)建頁面，清除瀏覽器的默認(rèn)設(shè)置。背景圖像是附屬于body和全局字體風(fēng)格的設(shè)置。容器，內(nèi)容和頁腳的div也要使用適當(dāng)?shù)谋尘皥D片和風(fēng)格設(shè)置。

繼續(xù)寫CSS樣式表，接下來的一些元素用代碼寫出來慢慢加上，建立一個無序列表然后加上合適的圖片和顏色。