淺談做(zuò)網站(zhàn)布局的(de)八個(gè)小¶λ≤(xiǎo)細節

來(lái)源：徐州億網網絡科(kē)技(jì)有(y♣®ǒu)限公司 時(shí)間(jiān)：2012-03-12 作(zuò)者：

　　在出錯(cuò)時(shí)若能(néng)對(duì)原始代碼做ε¥ε‍(zuò)簡單檢測可(kě)以省去(qù)很(≠♣hěn)多(duō)頭痛問(wèn)題，®≤±♠在這(zhè)裡(lǐ)徐州網絡公司就(jiù)做(zuò)網站(zhàn)布局談談八個(gè)小(xiǎo)細節•≈γ•！

        ∞‌↓ 第一(yī).若有(yǒu)疑問(wèn)立即檢測

　　W3C對(duì)于XHTML與CSS 都(dōu)有(yǒu)檢測工(gōng)具&→✘≠可(kě)用(yòng)。請(qǐng)注意，在文(wén)α♥γ件(jiàn)開(kāi)頭的(de)錯(cuò)誤，可(kě)能(néng)因為(wèi)不($→bù)當的(de)結構等因素造成更多(du©↕ō)錯(cuò)誤；我們建議(yì)先修正一(yī)些(xiē)最明(míng)顯的(de$€γ&)錯(cuò)誤之後重新檢測，這(zhè)樣也(yαφεě)許會(huì)讓錯(cuò)誤數(shù)量爆減。

　　第二.使用(yòng)浮動功能(néng)時(shí)記得(de)适當清除指令&nb∞<φ®sp;

　　浮動是(shì)個(gè)危險的(de)功能(néng)，未必會(h'δ♠uì)産生(shēng)您所期望的(de)結果。如(rú)果您遇到(dào)浮動元素延伸∞∞Ω到(dào)外(wài)圍容器(qì)的 ×←σ(de)邊框或者其他(tā)不(bù)正常情況，請(qǐng)先确定您↓​←α的(de)做(zuò)法是(shì)正确的(de)。

　　第三.邊界重合時(shí)利用(yòng)padding或border來(lá☆₩&™i)避免

　　您可(kě)能(néng)會(huì)為(wèi)了♣₹≥ (le)一(yī)點不(bù)應該出現(xiàn)的(de)空(kōng)間(jiā₹≥n)而焦頭爛額，或者您需要(yào)一(yī)點點空(k→βαōng)間(jiān)時(shí)，怎樣都(dōu)擠不(bù)出來(lái)。如(rú)果您有®§♦(yǒu)用(yòng)到(dào)ma φ‌rgin，那(nà)麽很(hěn)容易産生(shēng)邊界的(de)重合。

　　第四.嘗試避免同時(shí)對(duì)元素指定padding/borde&&₩r以及高(gāo)度或寬度

　　Windows版IE經常導緻width與height的(de∑ ♠Ω)計(jì)算(suàn)問(wèn)題。有(yǒu)些(xiē)方法可(kě)以解決此問(w"₽‌èn)題，但(dàn)如(rú)果母元素需要(™'¶♠yào)指定高(gāo)度與寬度時(shí)，最好(hǎo)能(néng)夠在母元素之內‌Ω™(nèi)的(de)子(zǐ)元素套用(yòng)margin,或者當子(z←®'αǐ)元素需要(yào)指定高(gāo)度與寬度時(shí)，在母元素套用(yò®£ng)padding以達效果。

　　第五.不(bù)要(yào)依賴min-width/min-height

　　Windows版IE并不(bù)支援兩§÷&↕種語法。但(dàn)是(shì)在某種程度下(xi♠→>"à)，windows版IE可(kě)以達到(dào)相(xiàng)當于min-width/δ₽min-height的(de)效果，所以隻要(yào)對(duì)I→®E做(zuò)點過濾功能(néng)，即可(kě)達到(dào)您想要(y$↑ào)的(de)結果。

　　第六.若有(yǒu)疑問(wèn)，先減少(shǎo)百分(fēn)比

　　有(yǒu)時(shí)候某些(xiē)錯(cuò)誤會(huì)使50%+50%βγ成為(wèi)100.1%，使網頁出現(xiàn)問(w&®"₹èn)題。這(zhè)時(shí)請(qλα©ǐng)嘗試将這(zhè)些(xiē)值改為♦✘(wèi)49%，甚至49.9%。

　　第七.記住“TRBL”寫法

　　border，margin與padding的(de)簡寫語法有(yǒu)特定順序，從(có σ☆δng)上(shàng)方開(kāi)始順ε₹時(shí)針方向轉動：top,right,bottom,left.& ★♥>nbsp;所以margin:0 1px&n™"bsp;3px 5px;的(de)結果是(shì)上(shàng)方無邊界，£₩右邊1像素，以此類推。記住“★<≠TRBL”，您就(jiù)不(bδ©ù)會(huì)弄錯(cuò)次序了(le)。

　　第八.隻要(yào)不(bù)是(shì)零的(de)值，都(dōu)要(yào)指定單位

　　CSS需要(yào)您對(duì)每個(gè)fon★₹•t，margin等各種值指定單位。

　　本文(wén)有(yǒu)徐州億網網絡公司（www.exz.cn）提供！

• 上(shàng)一(yī)篇: 淺談幾大(dà)标簽在網頁中的(de←λ®)應用(yòng)
• 下(xià)一(yī)篇: 網頁設計(jì)師(shī)容易在編寫CSS時(shí)常犯的(deδ≠×λ)錯(cuò)誤