在使用CSS建站時，您肯定遇到過形形色色的布局問題，最后可能被搞得焦頭爛額。本文的目的是讓您的設(shè)計過程更為容易，當(dāng)您遇到困難時為您提供快速參考。

有疑問，先驗證

在調(diào)試時，先對您的代碼進(jìn)行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導(dǎo)致許多布局上的錯誤。

在其他瀏覽器中進(jìn)行測試之前，請先在最先進(jìn)的瀏覽器中撰寫和測試CSS代碼，而不是相反。

如果您在破舊的瀏覽器中編寫和測試，你的代碼就不得不依賴那個破舊瀏覽器的糟糕的顯示，然后在符合標(biāo)準(zhǔn)的瀏覽器中進(jìn)行測試，看到顯示結(jié)果“不正常”時，你會很沮喪的。相反，您應(yīng)該先將您的代碼完善，然后再設(shè)法為較低級的瀏覽器打算。這樣從一開始您的代碼就是符合標(biāo)準(zhǔn)的，你不必再為支持其他瀏覽器而勞心費神。當(dāng)然了，目前遵從標(biāo)準(zhǔn)的瀏覽器無疑就是 Mozilla， Safari 或 Opera。

確保您期望的效果確實存在

許多特定的瀏覽器專有的CSS擴展在正式標(biāo)準(zhǔn)中并不存在。 如果您對 filter（濾鏡） 或滾動條指定了樣式，那么您就用了私有代碼，除了IE之外，在別的瀏覽器中毫無作用。如果驗證器告訴您代碼沒有定義，極有可能您用了私有樣式，這樣在不同的瀏覽器中很難達(dá)到一致的效果。

如果布局中一定要用浮動對象，別忘了適時使用清除（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)站的思路會包含：策劃、設(shè)計、推廣運營等，一般的企業(yè)建網(wǎng)站是想通過網(wǎng)站達(dá)到開展網(wǎng)絡(luò)宣傳的目的，實現(xiàn)電商的目的。通過了解項目用戶的宣傳策略，使企業(yè)以最小的網(wǎng)站投入，超越同行競爭對手，獲得更有效的市場回報，網(wǎng)站作為互聯(lián)網(wǎng)宣傳的起點，思路的嚴(yán)謹(jǐn)性、實用性將直接影響到網(wǎng)站的效果。以用戶需求為網(wǎng)站導(dǎo)向，結(jié)合自身的想法與要求，在滿足公司不同階段的戰(zhàn)略目標(biāo)的基礎(chǔ)上，制定階段性的網(wǎng)站規(guī)劃思路，那么都有哪些與眾不同的建網(wǎng)站思路呢。

那些與眾不同的建網(wǎng)站思路

　　建網(wǎng)站的宣傳思路：主要工作包含項目可行性分析、同行競爭對手分析、網(wǎng)絡(luò)產(chǎn)品思路、網(wǎng)絡(luò)獲利思路、設(shè)計網(wǎng)站思路、賣點思路、網(wǎng)絡(luò)推廣思路，最后綜合為一套專業(yè)的網(wǎng)站宣傳思路。

　　網(wǎng)站在技術(shù)方面的可行性分析，就是根據(jù)現(xiàn)有的技術(shù)條件，分析企業(yè)的目標(biāo)、要求能否達(dá)到，以及所采用的技術(shù)方案是不是具有一定的先進(jìn)性。建網(wǎng)站在技術(shù)上的可行性可以從硬件的性能要求、程序的性能要求等幾個方面去思考。

　　在瀏覽量方面的思路，不論網(wǎng)站內(nèi)容怎樣豐富，網(wǎng)頁設(shè)計怎樣精致，但不能有較高瀏覽量這個網(wǎng)站還是失敗的。怎樣能讓更多的人知道并訪問您的公司網(wǎng)站呢，也就是怎樣在網(wǎng)絡(luò)上宣傳自己的企業(yè)呢？首先應(yīng)該理出一套網(wǎng)站的推廣方案，并將一些推廣方法計劃性地規(guī)劃重組。一方面是客戶自己宣傳網(wǎng)站，如通過名片，印刷品等打上網(wǎng)址。另外一個方面，通過網(wǎng)絡(luò)上的電子宣傳，如搜索引擎、友情鏈接、郵件宣傳等。

　　公司在自己建網(wǎng)站中一定要盡量多明白些信息，多做些比較，審查他們所提交的網(wǎng)站方案。做網(wǎng)站實際上并不是一個省事的工作，怎樣站在企業(yè)的角度去規(guī)劃、營造一個實用的網(wǎng)站，投入與網(wǎng)站功能相配套的效果，需要用戶與設(shè)計企業(yè)或?qū)I(yè)人員仔細(xì)研究，要知道自己想做什么網(wǎng)站，目標(biāo)又是什么，不要說要做個網(wǎng)站，就隨隨意便做了個網(wǎng)站，那樣是沒用的，等于沒做，我們要思考以后的問題，舉一個簡單的例子，現(xiàn)在隨意做個網(wǎng)站，到時候想做SEO優(yōu)化的話能行嗎，關(guān)鍵詞能上去嗎，那還不是得重做，因此要做深遠(yuǎn)的考慮！

　　最后要淡會細(xì)心傾聽，傾聽是為了收集信息，把握現(xiàn)有情況，收集網(wǎng)站用戶的想法。一些網(wǎng)站用戶的個人想法，例如對產(chǎn)品的認(rèn)識規(guī)劃及對產(chǎn)品的希望、背景、對于現(xiàn)有思路的意見等，這些都是存在在網(wǎng)站用戶的腦海中，設(shè)計師應(yīng)該努力將這些信息都可視化，這些因素對建網(wǎng)站將會有很大的啟迪和靈感激發(fā)。以此思路來建設(shè)出與眾不同的網(wǎng)站。

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計公司  網(wǎng)站制作公司