div+css是網頁排版技巧介紹

大家知道div+css是網頁排版技巧嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

1，ul：默認的ul的margin和padding不是0，如果在導航中用到了左浮動的li，往往會把外部的div撐大，導致頁面變形，改成： ul{margin:0px; padding:0px;}

2、img：1、這裡牽涉的不同浏覽器的問題，ie6裡顯示的圖片height總是要大於准確值，這裡就需要我們記住下面這一點 img{ display：block};2、頁面中最好不要用大塊背景，能平鋪的要平鋪，否則加載起來會很慢，也不利於以後的

優化和擴展，當然也有些大的網站，現在都盡量把背景統一放到一張圖片上，用background-postion來取得背景。3、最好的格式就是gif格式，即確保了背景透明，在ie6中又不會有陰影，有時gif圖片會有鋸齒，這就需要我們保存成web格式，設置一下matter，matter的值用背景顏色的值越相近越好。

3，overflow：有時一些公司的注冊協議都是很長，這就用到了overflow，可以把div的style裡加上這個：overflow：auto

4，float：有時候一些div會擠到頁面的上方，這裡可能就是浮動引起的，可以加上clear：both。

5，div：height等於1px的div，在ie6中可能並不是1px，在這個div的style裡加上font-size：1px;這樣就ok了。

6，id和class：當一個樣式在頁面中多次使用時，不要用id，要用class，要使用js的時候，樣式最好不要用id，因為id要留給js使用。

7，link：.link：link{}、.link：visited{}、.link：hover{}、.link：active{}。有一點，visited與hover的順序一定不能倒換，否則ie6中會大大的問題。

8，css編碼問題：@charset "utf-8";注意這行代碼，utf-8與g把gb2312是比較常用的兩種編碼方式。

相信大家已經學會div+css是網頁排版技巧了吧!感謝大家對我們網站的支持!

相關推薦：

如何實現DIV遮罩層呢