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

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

CSS精粹之布局

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

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

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

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

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

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

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

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

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

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