綠(lǜ)色資源網:您身邊最(zuì)放(fàng)心的安全下載站! 最新軟件|熱門排行|軟件分類|軟件專題|廠商(shāng)大全

綠色資源網

技術教程
您的(de)位置:首頁網頁設計HTML/CSS → div+css的網頁排(pái)版技(jì)巧

div+css的網頁排版技巧

我要評論 2011/05/28 11:06:14 來源:綠色資源(yuán)網 編輯:ynaad.com [ ] 評論:0 點擊(jī):271次

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 加油(yóu)
  • 1 鄙視
免费人欧美成又黄又爽的视频丨一本色道久久88综合日韩精品丨国产专区日韩精品欧美色丨午夜无遮挡男女啪啪视频丨国产欧美日韩综合精品一区二区丨亚洲精品无码不卡在线播HE丨亚洲精品国产精品国自产观看丨日韩国产高清av不卡