北京網(wǎng)站建設(shè)多年網(wǎng)站建設(shè)經(jīng)驗(yàn),依托強(qiáng)大的服務(wù)優(yōu)勢(shì),為您提供專業(yè)的北京網(wǎng)站建設(shè)服務(wù)

當(dāng)前位置:首頁 > 北京網(wǎng)站建設(shè) > CSS精粹之布局
北京網(wǎng)站制作 網(wǎng)站建設(shè)公司 網(wǎng)站搭建 網(wǎng)站制作公司 企業(yè)建站 網(wǎng)站設(shè)計(jì)公司 網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì) 北京網(wǎng)站設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)公司 常見問題 高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 品牌網(wǎng)站建設(shè) 網(wǎng)頁設(shè)計(jì)模板 網(wǎng)頁設(shè)計(jì)與制作 網(wǎng)站建設(shè)多少錢 網(wǎng)站設(shè)計(jì)與制作 網(wǎng)站建設(shè)費(fèi)用 做網(wǎng)站 做網(wǎng)站公司 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)方案 網(wǎng)站建設(shè)制作 北京網(wǎng)站建設(shè) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)站建設(shè)優(yōu)化 網(wǎng)站建設(shè)空間 建設(shè)網(wǎng)站 制作網(wǎng)站 設(shè)計(jì)網(wǎng)站 開發(fā)網(wǎng)站 網(wǎng)站建設(shè)開發(fā) 網(wǎng)站開發(fā)公司 網(wǎng)頁制作 搭建網(wǎng)站 網(wǎng)站設(shè)計(jì)制作 網(wǎng)站設(shè)計(jì)費(fèi)用 企業(yè)網(wǎng)站設(shè)計(jì) 公司網(wǎng)站建設(shè) 公司網(wǎng)站設(shè)計(jì) 公司網(wǎng)站制作 企業(yè)做網(wǎng)站 網(wǎng)站設(shè)計(jì)與開發(fā) 網(wǎng)站建設(shè)備案

CSS精粹之布局

作者:鵬飛網(wǎng)絡(luò)   時(shí)間:2009-4-9   分類:北京網(wǎng)站建設(shè)

=======================先建設(shè)網(wǎng)站后付款,北京網(wǎng)站建設(shè)工作室=================================

1.若有疑問立即檢測(cè)
   在出錯(cuò)時(shí)若能對(duì)原始代碼做簡(jiǎn)單檢測(cè)可以省去很多頭痛問題。W3C對(duì)于XHTML與CSS都有檢測(cè)工具可用,請(qǐng)見http://validator.w3.org 請(qǐng)注意,在文件開頭的錯(cuò)誤,可能因?yàn)椴划?dāng)?shù)慕Y(jié)構(gòu)等因素造成更多錯(cuò)誤;我們建議先修正一些明顯的錯(cuò)誤之后重新檢測(cè),這樣也許會(huì)讓錯(cuò)誤數(shù)量爆減。

2.使用浮動(dòng)功能時(shí)記得適當(dāng)清除指令
   浮動(dòng)是個(gè)危險(xiǎn)的功能,未必會(huì)產(chǎn)生您所期望的結(jié)果。如果您遇到浮動(dòng)元素延伸到外圍容器的邊框或者其他不正常情況,請(qǐng)先確定您的做法是正確的。請(qǐng)參閱Eric Meyer在Complex Spiral Consulting Web網(wǎng)站上的教學(xué)。

3.邊界重合時(shí)利用padding或border來避免
   您可能會(huì)為了一點(diǎn)不應(yīng)該出現(xiàn)的空間而焦頭爛額,或者您需要一點(diǎn)點(diǎn)空間時(shí),怎樣都擠不出來。如果您有用到margin,那么很容易產(chǎn)生邊界的重合;Andy Budd在他的網(wǎng)站上解釋了可能的做法。

4.嘗試避免同時(shí)對(duì)元素指定padding/border以及高度或?qū)挾?BR>   Windows版IE經(jīng)常導(dǎo)致width與height的計(jì)算問題。有些方法可以解決此問題,但如果母元素需要指定高度與寬度時(shí),比較好能夠在母元素之內(nèi)的子元素套用margin,或者當(dāng)子元素需要指定高度與寬度時(shí),在母元素套用padding以達(dá)效果。

5.不要依賴min-width/min-height
   Windows版IE并不支援兩種語法。但是在某種程度下,windows版IE可以達(dá)到相當(dāng)于min-width/min-height的效果,所以只要對(duì)IE做點(diǎn)過濾功能,即可達(dá)到您想要的結(jié)果。

6.若有疑問,先減少百分比
   有時(shí)候某些錯(cuò)誤會(huì)使50%+50%成為100.1%,使網(wǎng)頁出現(xiàn)問題。這時(shí)請(qǐng)嘗試將這些值改為49%,甚至49.9%

7.記住“TRouBLed”寫法
   Border,margin與padding的簡(jiǎn)寫語法有特定順序,從上方開始順時(shí)針方向轉(zhuǎn)動(dòng):top,right,bottom,left.所以margin:0 1px 3px 5px;的結(jié)果是上方無邊界,右邊1像素,以此類推。記住“TRouBLe”,您就不會(huì)弄錯(cuò)次序了。

8.只要不是零的值,都要指定單位
   CSS需要您對(duì)每個(gè)font,Margin等各種值指定單位。(唯一的例外是line-height)