網(wǎng)頁制作——各種兼容性及影響速度問題

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

本文標(biāo)題：網(wǎng)頁制作——各種兼容性及影響速度問題
轉(zhuǎn)載源于：http://www.muchs.cn/news7/155257.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)、電子商務(wù)、微信小程序、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)