web標(biāo)準(zhǔn)實戰(zhàn)css網(wǎng)頁布局-wenkub.com
2024-08-31 16:47 本頁面
【正文】 進(jìn)行局部定位； ◎ 列表項（ li）的浮動塊狀顯示； ◎ 在制作符合標(biāo)準(zhǔn)的頁面時，需要考慮 resizing window 和 change font size 的問題。 ◎ 最后設(shè)置各部分的字體和元素間的間距，完成整個頁面的制作。另，這只是習(xí)慣而已，在國內(nèi)制作網(wǎng)頁請根據(jù)實際情況量力而為。 } 查看至今為止的效果（通過 Strict 驗證，不過沒什么意思 _） 五、其他 ◎ 因為 FF 和 IE 對于 border: 1px dotted DDD 顯示的效果不一致。 height: 120px。 textalign: center。 padding: 0。豆瓣上的圖片是大小不一的（真是災(zāi)難），本例簡化 為圖片大小相同，這樣不會耽誤太多時間。不過在自適應(yīng)的布局里，使用 float 來定位也是相當(dāng)麻煩的一件事情。 } .ment .avatar{ /* 頭像 img 的 class */ position: absolute。 /* 給頭像的絕對定位一個參照 */ width: 100%。那么這種寫法，用絕對定位簡便一些。 } main{ marginright: 410px。 就可以了，很 solid。 float: left。所以我用了一種 不常用的辦法（我不太喜歡這種負(fù)值 margin 的寫法），如下： Example Source Code []bd{ paddingright: 410px。本文的例子，可以給 ft 設(shè)定 clear: both。 中間的兩欄我命名為 main 和 sidebar。并且我的建議是，當(dāng)結(jié)構(gòu)確定下來之后，不要輕易改動。 ◎ 右欄的豆瓣推薦和友鄰的樣式 ◎ 我們常見的是固定高度的塊依次浮動排列，但是這里書名的長度不一、圖片大小不一且底部對齊，浮動塊的高度未知，我沒辦法，只能暫時限定高度。不過事實是右欄的寬度是固定的（并且我計劃讓左欄先加載）。 一、分析結(jié)構(gòu) 布局難點 豆瓣的首頁是典型的三行兩欄的布局，不過有特殊
公司管理相關(guān)推薦
鄂ICP備17016276號-1