網(wǎng)頁(yè)布局div+css總結(jié)

以下是工作中總結(jié)的一些技巧，留下備用，希望對(duì)看到的人有用~~

1、ul：默認(rèn)的ul的margin和padding不是0，如果在導(dǎo)航中用到了左浮動(dòng)的li，往往會(huì)把外部的div撐大，導(dǎo)致頁(yè)面變形，改成： ul{margin:0px; padding:0px;} 2、img：

①這里牽涉的不同瀏覽器的問(wèn)題，ie6里顯示的圖片height總是要大于準(zhǔn)確值，這里就需要我們記住下面這一點(diǎn) img{ display：block}；

②頁(yè)面中最好不要用大塊背景，能平鋪的要平鋪，否則加載起來(lái)會(huì)很慢，也不利于以后的優(yōu)化和擴(kuò)展，當(dāng)然也有些大的網(wǎng)站，現(xiàn)在都盡量把背景統(tǒng)一放到一張圖片上，用background-postion來(lái)取得背景。

③最好的格式就是gif格式，即確保了背景透明，在ie6中又不會(huì)有陰影，有時(shí)gif圖片會(huì)有鋸齒，這就需要我們保存成web格式，設(shè)置一下matter，matter的值用背景顏色的值越相近越好。 3、overflow：有時(shí)一些公司的注冊(cè)協(xié)議都是很長(zhǎng)，這就用到了overflow，可以把div的style里加上這個(gè)：overflow：auto

4、float：有時(shí)候一些div會(huì)擠到頁(yè)面的上方，這里可能就是浮動(dòng)引起的，可以加上clear：both。 5、div：height等于1px的div，在ie6中可能并不是1px，在這個(gè)div的style里加上font-size：1px;這樣就ok了。 6、id和class：當(dāng)一個(gè)樣式在頁(yè)面中多次使用時(shí)，不要用id，要用class，要使用js的時(shí)候，樣式最好不要用id，因?yàn)閕d要留給js使用。 7，link：.link：link{}、.link：visited{}、.link：hover{}、.link：active{}。有一點(diǎn)，visited與hover的順序一定不能倒換，否則ie6中會(huì)大大的問(wèn)題。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文題目：網(wǎng)頁(yè)布局div+css總結(jié)
文章源于：http://muchs.cn/news1/322201.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站策劃、全網(wǎng)營(yíng)銷推廣、定制網(wǎng)站、建站公司、品牌網(wǎng)站設(shè)計(jì)

廣告

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