1定嗓，瀏覽器默認樣式

        問題：
            有些瀏覽器默認會給一些標簽添加一些樣式枯怖，并且不同瀏覽器添加的樣式不相同注整，這樣會導致我們布局的頁面在不同瀏覽器發(fā)生錯亂
        解決：
            清除默認樣式，保證在每個瀏覽器樣式統(tǒng)一
            body,p,ul,h1,h2,h3,h4,h5,h6,ol,dl,dd,form,input,ul,ol{
                margin:0;
                padding:0;
                list-style:none;
                font-weight:normal;
            }
            img{border:none;}

2度硝，img標簽底部間隙問題

        問題：
            div中包含一張圖片肿轨，底部可能有2px,4px或更多的間隙，不同的font-size會影響這個間隙的大小蕊程。
        解決：
            1.將圖片的垂直對其方式vertical-align,值為top或者bottom
            2.將圖片轉換為塊元素display:block
            3.將包含圖片的父容器的字體大小設置為0椒袍，font-size:0

3，img標簽IE下圖片有邊框

        問題：
            html圖片img加了超鏈接之后產生藍色邊框（IE6~10）
        解決：
            img{border:none;}

4藻茂，margin上下邊框合并問題

        問題：
            兩個div容器驹暑，如果同時給上下兩個div都加外邊框的話，會發(fā)生邊框合并
            div{
                border: 1px solid gray;
                width: 100px;
                height: 100px;
            }
            div.one{
                margin-bottom: 30px;
            }
            div.two{
                margin-top: 50px;
            }
            one和two相距50px
        解決：
            只給一個容器調整外邊框即可辨赐，不要同時給兩個

5优俘，IE6雙倍邊距bug

        問題：
            當我們給元素添加浮動的并指定左外邊距的時候，IE5,6會出現(xiàn)雙倍邊距
            div.outer{
                width: 100px;
                height: 100px;
                margin-left: 10px;
                float:left;
                display: inline;
            }
        解決：
            給浮動的元素指定display:inline;

6肖油，父容器（子元素浮動）高度為0

        問題：
            父元素的高度不確定兼吓，且子元素個數(shù)不確定，而且還是float會引發(fā)父元素高度為0問題森枪，浮動的子元素層級高于父元素導致?lián)尾婚_父元素的高度
        解決：
            在使用float元素的父元素結束前加一個高度為0寬為0且有clear:both樣式的空DIV
            <div style="clear:both;"></div>
            在父元素上添加overflow:hidden

7视搏，IE6不支持固定定位

        解決：
            div{
                width:100px;
                height:100px;
                border:1px solid gray;
                position:fixed;
                bottom:20px;
                right:30px;
                /*---ie6---*/
                position:absolute;
                top:expression(eval(document.documentElement.scrollTop+200));
            }
            *html{
                background-image:url(blank:about);
                background-attachment:absolute;
            }

8，CSS hack

        .bb{
            background-color:#f1ee18;/*所有識別*/
            background-color:#00deff\9;/*IE6,7,8識別*/
            +background-color:#f1ee18;/*IE6,7識別*/
            _background-color:#f1ee18;/*IE6識別*/
        }