綠(lǜ)色(sè)資源網:您身邊最放心的安全下載站(zhàn)! 最新(xīn)軟件|熱門排行|軟件分類|軟(ruǎn)件專題|廠商大全

綠色資源網

技術教程
您的位置(zhì):首頁(yè)網頁設計HTML/CSS → div+css的網頁排版技巧

div+css的網(wǎng)頁排(pái)版技巧

我要評論 2011/05/28 11:06:14 來源:綠(lǜ)色資源網 編輯:itseasyglobal.com [ ] 評論:0 點擊:271次

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 鄙視