我們?cè)诳偟腃SS中定義好節(jié)點(diǎn)的結(jié)構(gòu)后,我們要查看一下我們定義的結(jié)構(gòu)是否合適。所以我們要在內(nèi)容1\內(nèi)容2\內(nèi)容3\標(biāo)題\頁(yè)腳等區(qū)塊定義不同的背景色,看看頁(yè)面布局是不是定義好了。就是建立5個(gè)段落,分別放在內(nèi)容1\內(nèi)容2\內(nèi)容3\標(biāo)題\頁(yè)腳內(nèi)。
我在總的CSS內(nèi)定義了#body寬996,標(biāo)題、頁(yè)腳100%寬,內(nèi)容1、內(nèi)容2、內(nèi)容3分別為200、596和200都浮動(dòng)居左,如下圖:
完成了總的CSS定義后,我分別建立了5個(gè)段落,分別放入內(nèi)容1\內(nèi)容2\內(nèi)容3\標(biāo)題\頁(yè)腳內(nèi),如下圖:
最后完成的效果如下圖:
看來(lái)我沒(méi)定義錯(cuò)。