地址： 上海市靜安區(qū)共和新路4718弄10號樓2樓
熱線：400-166-3538
電話：19301461038
郵箱：sales@shyuanzhen.cn
在使用CSS建站時，您肯定遇到過形形色色的布局問題，最后可能被搞得焦頭爛額。本文的目的是讓您的設(shè)計過程更為容易，當(dāng)您遇到困難時為您提供快速參考。
有疑問，先驗證
在調(diào)試時，先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導(dǎo)致許多布局上的錯誤。
在其他瀏覽器中進行測試之前，請先在最先進的瀏覽器中撰寫和測試CSS代碼，而不是相反。
如果您在破舊的瀏覽器中編寫和測試，你的代碼就不得不依賴那個破舊瀏覽器的糟糕的顯示，然后在符合標(biāo)準(zhǔn)的瀏覽器中進行測試，看到顯示結(jié)果“不正?！睍r，你會很沮喪的。相反，您應(yīng)該先將您的代碼完善，然后再設(shè)法為較低級的瀏覽器打算。這樣從一開始您的代碼就是符合標(biāo)準(zhǔn)的，你不必再為支持其他瀏覽器而勞心費神。當(dāng)然了，目前遵從標(biāo)準(zhǔn)的瀏覽器無疑就是 Mozilla， Safari 或 Opera。
確保您期望的效果確實存在
許多特定的瀏覽器專有的CSS擴展在正式標(biāo)準(zhǔn)中并不存在。 如果您對 filter（濾鏡） 或滾動條指定了樣式，那么您就用了私有代碼，除了IE之外，在別的瀏覽器中毫無作用。如果驗證器告訴您代碼沒有定義，極有可能您用了私有樣式，這樣在不同的瀏覽器中很難達到一致的效果。
如果布局中一定要用浮動對象，別忘了適時使用清除（clear）屬性。
浮動對象似易實難，而且不總是令人如愿以償。如果您發(fā)現(xiàn)浮動對象伸出了容器的邊界，或者不像您所期望的那樣顯示，請檢查您的期望是否正確。關(guān)于這個問題請看Eric Meyer的教程
邊距的合并：可用padding 或 border 來避免。
您可能被多余的（或者想要卻不出現(xiàn)的）空白搞得焦頭爛額。如果您用了 margins，邊距的合并可能就是問題的根源。 Andy Budd 對此的解釋可能為你解惑。
避免將 padding/border 和固定寬度同時應(yīng)用到同一元素。
IE5 的區(qū)塊模型是錯誤的，是它把事情辦壞了。對此也有權(quán)宜之計，不過最好是繞過這個問題，當(dāng)子元素的寬度固定時，為父元素指定padding。
避免IE下未指定樣式內(nèi)容的閃爍。
如果您僅僅靠 @import 來輸入外部樣式表，早晚您會發(fā)現(xiàn)IE有“閃爍”的毛病。在應(yīng)用CSS樣式之前，未經(jīng)格式化的HTML文本會短暫地出現(xiàn)。這是可以避免的。
別指望 min-width 在IE中有用。
IE不支持它，但是它將 width 當(dāng)作 min-width，所以通過一些 IE 的過濾技巧（filtering），可以實現(xiàn)同樣的最終效果。
把CSS過濾器（filters）當(dāng)作最后的手段
CSS 技巧和過濾器可以使您有選擇地應(yīng)用到（或者不應(yīng)用到）某些元素。應(yīng)當(dāng)盡可能地找到標(biāo)準(zhǔn)的跨瀏覽器的解決辦法來實現(xiàn)您想要的效果，而不是動不動就使用過濾器。要將它當(dāng)成走投無路時的救命手段。在這里可以找到大量的CSS 過濾技巧。［譯注：不要把這里的filters和IE中的濾鏡混淆。由于各個瀏覽器對CSS標(biāo)準(zhǔn)的支持程度不一，人們找到了許多技巧，將瀏覽器無法解釋或錯誤解釋的樣式表或規(guī)則屏蔽掉。這就是所謂的CSS過濾器或技巧。webjx.com
如果使用了錨點，在應(yīng)用超鏈接樣式時要特別小心。
如果您在代碼中使用了傳統(tǒng)的錨點（），您會注意到 ：hover 和 ：active偽類也會作用于它。要避免這種情形，你可以使用 id，或者使用鮮為人知的語法： ：link:hover， ：link:active
? ? ? ? | 公司名稱：上海緣震網(wǎng)絡(luò)科技有限公司 開戶銀行：中國工商銀行上海市彭浦支行 銀行賬號：1001 2508 0930 0206 455 |
總部：上海市奉賢區(qū)金海公路6055號29號3樓 分部：上海市靜安區(qū)共和新路4718弄10號樓2樓 商務(wù)官網(wǎng)：www.9youmishi.cn 新官網(wǎng)：www.shyuanzhen.com 彥蓁科技：www.shyanzhen.cn | 緣震網(wǎng)絡(luò)成立于 2014 年，公司主要經(jīng)營全案策劃，高端品質(zhì)網(wǎng)站建設(shè)、多媒體視頻宣傳片制作、微信公眾號開發(fā)、微信小程序開發(fā)、商城定制、SEO優(yōu)化、電商托管、空間托管、網(wǎng)站維護、應(yīng)用軟件開發(fā)、手機端APP開發(fā)、等為客戶提供一條龍網(wǎng)絡(luò)運營解決方案的的技術(shù)型企業(yè)。我們在人力資源、業(yè)務(wù)范圍、設(shè)計、技術(shù)、服務(wù)、信譽度、規(guī)范管理及企業(yè)文化等諸多方面完善自己，公司目前已與千余家各類客戶進行長期戰(zhàn)略合作，提供專業(yè)的網(wǎng)站建設(shè)與運營服務(wù)。我們的口號：廣結(jié)良緣、震古爍今！ |
免費熱線：400-166-3538
咨詢QQ ：
微信咨詢 : chunhua19820
直接咨詢 
