|
五、其他
- 因?yàn)?FF 和 IE 對(duì)于 border: 1px dotted #DDD 顯示的效果不一致。所以一般我會(huì)用背景代替（本例沒有這么做）。
- 文字大小的控制，在 body 中設(shè)置基準(zhǔn)值 small，然后使用百分比控制其他所有的文字大小。具體可以參考Bulletproof Web Design，中文版圖書也已經(jīng)上市。另，這只是習(xí)慣而已，在國(guó)內(nèi)制作網(wǎng)頁(yè)請(qǐng)根據(jù)實(shí)際情況量力而為。
- 關(guān)于第四部分的寫法，在另外的文章內(nèi)有說明。
- 在 CSS 的一開始，設(shè)定 *{margin: 0;padding: 0}，統(tǒng)一各個(gè)瀏覽器的細(xì)微的差別。
- 最后設(shè)置各部分的字體和元素間的間距，完成整個(gè)頁(yè)面的制作。
查看最終效果
IE 下會(huì)有些局部的差異，大家有興趣的話，可以研究一下，這里僅為 Firefox 服務(wù)。
六、我們學(xué)到了什么
- 利用 float 進(jìn)行布局，特別是第二部分里面的第二種寫法很常用；
- 利用 position: absolute; 和 position: relative; 進(jìn)行局部定位；
- 列表項(xiàng)（<li>）的浮動(dòng)塊狀顯示；
- 在制作符合標(biāo)準(zhǔn)的頁(yè)面時(shí)，需要考慮 resizing window 和 change font size 的問題。
本文鏈接：http://m.95time.cn/tech/web/2007/4467.asp 
出處：藍(lán)色理想
責(zé)任編輯：blue
上一頁(yè) 右欄豆瓣推薦 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁(yè) 
第 5 頁(yè) 其他及總結(jié)
