關于網站頁面布局的幾個有用的技巧

<　　

1、ul：默認的ul的margin跟padding不是0，假如在導航中用到了左浮動的li，往往會把外部的div撐大，導致頁面變形，改成： ul{margin:0px; padding:0px;}
2、img：這里關涉的不同瀏覽器的問題，ie6里顯示的圖片height老是要大于正確值，這里就須要咱們記住下面這一點 img{ display：block}；頁面中有名不要用大塊背景，能平鋪的要平鋪，否則加載起來會很慢，也不利于當前的優化跟擴大，當然也有些大的網站，當初都盡量把背景同一放到一張圖片上，用background-postion來獲得背景。有名的格局就是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中會大大的問題。

相關鏈接：長春網站建設,長春網站設計,長春網站制作,長春做網站公司,長春建網站公司,長春網絡公司,長春網站公司，http://www.new7d.com/