四、產品列表及相關信息塊
從直觀上看,這是一個三列的布局:
但實際上Adobe只把這部分內容分成了兩個大的塊,<div id="contentBody">和<div id="contentPocket"> 解析如下:
然后再用"columns-2-AB-A"和"columns-2-AB-B"這樣的共用樣式,分別切分出左右布局的結構,最后使用<br class="clear-both"/> 清除浮動,代碼非常簡潔。
HTML片段:
五、底部版權區(qū)
相比較上邊的內容,這里的結構比較簡單
整體分成了上下兩個塊,上部的是站內的鏈接區(qū)域,下部的就是版權信息了
內部代碼仍然采用了從右向左的寫法。
HTML片段:
經典論壇交流: http://bbs.blueidea.com/thread-2837683-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2008/5502.asp
出處:藍色理想
責任編輯:bluehearts
上一頁 Adobe前端開發(fā)——結構層概況 [2] 下一頁
◎進入論壇網頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|