網頁布局div+css總結

2024-03-28 分類：網站建設

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

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中會大大的問題。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

本文題目：網頁布局div+css總結
文章源于：http://m.kartarina.com/news1/322201.html

成都網站建設公司_創新互聯，為您提供ChatGPT、網站策劃、全網營銷推廣、定制網站、建站公司、品牌網站設計

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容