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

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

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

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

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