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