? 通常技術(shù)人員在寫(xiě)網(wǎng)頁(yè)的時(shí)候會(huì )遇到很多瀏覽器的兼容性問(wèn)題及其他各種網(wǎng)頁(yè)加載速度問(wèn)題等，這也是讓技術(shù)人員最頭疼的問(wèn)題，通常會(huì )有以下的情況： 一、margin加倍問(wèn)題，如果給一個(gè)塊級元素同時(shí)加了float:left和margin-left，會(huì )產(chǎn)生margin加倍問(wèn)題，解決方法是給其加display:inline; 二、IE6中會(huì )產(chǎn)生3px問(wèn)題：兩個(gè)浮動(dòng)的塊級元素，左邊的加了float，右邊的沒(méi)有加，那么在IE6中就會(huì )產(chǎn)生3px問(wèn)題，解決方法就是給右邊的也加上浮動(dòng)； 三、父級無(wú)法自動(dòng)擴高，內層容器有浮動(dòng)。Overflow：hidden;zoom:1(兼容ie6);給父級加float 四、Ie6無(wú)法定義小于18px高度的容器，在IE6中不能定義小于18像素高度的容器，解決方法是給其加overflow:hidden; 五、讓容器水平排列：都設float，父級寬度是否足夠，嵌套 六、滑動(dòng)門(mén)：給a加display:block并且加高，給a加float?！ ∑?、Label不寫(xiě)for，ie6無(wú)法聚焦 八、對整個(gè)塊做超鏈接，只給a加display：block在ie6中無(wú)法實(shí)現，必須加寬高，或者不加寬高加padding 九、圖片或embed出現空隙，給其加display:block或float:left?！ ∈?、濾鏡的一些東西不要去用：IE的一些濾鏡在FIREFOX中不支持，往往寫(xiě)一些效果時(shí)你還是使用CSSHACK;而濾鏡是一個(gè)非常毫資源的東西;特別是一些羽化、陰影和一個(gè)前透明的效果; 十一、一個(gè)頁(yè)面上少用絕對定位：絕對定位(position:absolute)是網(wǎng)頁(yè)布局中很常用到的，特別是作一些浮動(dòng)效果時(shí)，也會(huì )讓頁(yè)面看起來(lái)非常的酷。但網(wǎng)頁(yè)中如果使用過(guò)多的絕對定位，會(huì )讓你的網(wǎng)頁(yè)變得非常的慢，這一點(diǎn)上邊FIREFOX表現要比IE還要差。解決方法是：盡可能少用，這個(gè)少用的值是多少，也沒(méi)有一個(gè)非常好的值來(lái)說(shuō)明;還要看絕定定位這個(gè)標簽里邊的內容的多少;在這里我只能說(shuō)，這樣寫(xiě)會(huì )有性能問(wèn)題，少用或者如果能用變通實(shí)現同樣的效果，就用變通的辦法?！ ∈?、background背景圖片的平鋪:有些網(wǎng)頁(yè)的背景或頁(yè)面中某塊的背景通常要用到圖片的平鋪，平鋪后就會(huì )有平鋪次數的問(wèn)題，如果是單次還好，如果是多次，就廢了。建議的操作方法是：色彩少的圖片要做成gif圖片或者平鋪的圖片盡可能大一些，如果是色彩少的GIF圖片，圖片大一些，實(shí)際大小也不會(huì )大多少;背景圖片請盡可能使用sprite技術(shù),減小http請求,考慮到多人協(xié)作開(kāi)發(fā),sprite按模塊制作; 十三、讓屬性盡可能多的去繼承:盡可能讓一些屬性子可以繼承父，而不是覆蓋父 十四、CSS的路徑別太深; 十五、能簡(jiǎn)寫(xiě)的一些就簡(jiǎn)寫(xiě):例如#zishu{pading-top:10px;padding-right:50px;padding-left:50px;padding-bottom:4px;}改成：#zishu{padding:10px50px4px50px} 十六、別放空的的class或沒(méi)有的class在HTML代碼中?！ ∈?、float的應用:這個(gè)東西我的感覺(jué)是如果使用不當，百分百有性能問(wèn)題，而且還非常的大，但實(shí)在不知道怎么樣能弄一個(gè)例子出來(lái);這里只能建議大家如果不是很明白float是怎么工作的，還是少使用為妙。
