div+css的網(wǎng)頁排(pái)版技巧
1,ul:默認的(de)ul的margin和padding不(bú)是0,如果在導(dǎo)航中用到了左浮動(dòng)的li,往(wǎng)往會把外部的div撐大,導致頁麵變形,改成: ul{margin:0px; padding:0px;}
2、img:1、這(zhè)裏(lǐ)牽涉的不(bú)同瀏覽(lǎn)器的問題,ie6裏顯示的圖片height總是要大於準確值,這裏(lǐ)就需要(yào)我們記(jì)住下麵這一點 img{ display:block};2、頁麵(miàn)中(zhōng)最好(hǎo)不(bú)要用(yòng)大塊背景,能平鋪的(de)要平鋪,否則加載起來(lái)會(huì)很慢,也(yě)不利於以後(hòu)的
優化和擴展(zhǎn),當然(rán)也有(yǒu)些大的網(wǎng)站,現(xiàn)在都盡量把背景(jǐng)統一放到(dào)一張圖片上,用background-postion來取得背景。3、最好的(de)格式就是gif格式,即確保了背景透明,在ie6中又不會有陰影(yǐng),有(yǒu)時gif圖片(piàn)會有鋸齒(chǐ),這(zhè)就需要(yào)我們保存(cún)成web格式(shì),設(shè)置一(yī)下matter,matter的值用背(bèi)景顏色的值越相近越好。
3,overflow:有時一些公司的注(zhù)冊(cè)協議都是很長,這(zhè)就用到了overflow,可以把div的(de)style裏加(jiā)上這(zhè)個:overflow:auto
4,float:有時(shí)候一些div會擠到(dào)頁(yè)麵的上方,這裏可(kě)能就是(shì)浮動(dòng)引起的,可以加上clear:both。
5,div:height等於1px的div,在ie6中可能並不是1px,在這個div的style裏加上font-size:1px;這樣(yàng)就ok了。
6,id和class:當(dāng)一個(gè)樣式在頁麵(miàn)中多次使用時,不要(yào)用id,要用class,要(yào)使用js的(de)時候,樣式最好(hǎo)不(bú)要(yào)用(yòng)id,因(yīn)為id要留(liú)給js使用。
7,link:.link:link{}、.link:visited{}、.link:hover{}、.link:active{}。有一點,visited與hover的順序一(yī)定不能倒換,否則(zé)ie6中會大大的問題。
8,css編碼問題:@charset "utf-8";注(zhù)意(yì)這(zhè)行(háng)代碼(mǎ),utf-8與g把(bǎ)gb2312是比較常用的(de)兩種編碼方式。
關鍵詞(cí):div+css
閱讀本文後(hòu)您有什麽感(gǎn)想? 已有(yǒu) 人給出評價!
- 1
- 1
- 1
- 1
- 1
- 1