綠色資源網:您身邊最放心的安全下載站! 最新軟件|熱門排行|軟件分類|軟件專題|論壇轉帖|廠商大全

綠色資源網

技術教程
您的位置:首頁網頁設計HTML/CSS → div+css的網頁排版技巧

div+css的網頁排版技巧

我要評論 2011/05/28 11:06:14 來源:綠色資源網 編輯:downcc.com [ ] 評論:0 點擊:271次

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

2、img:1、這里牽涉的不同瀏覽器的問題,ie6里顯示的圖片height總是要大于準確值,這里就需要我們記住下面這一點 img{ display:block};2、頁面中最好不要用大塊背景,能平鋪的要平鋪,否則加載起來會很慢,也不利于以后的
優(yōu)化和擴展,當然也有些大的網站,現(xiàn)在都盡量把背景統(tǒng)一放到一張圖片上,用background-postion來取得背景。3、最好的格式就是gif格式,即確保了背景透明,在ie6中又不會有陰影,有時gif圖片會有鋸齒,這就需要我們保存成web格式,設置一下matter,matter的值用背景顏色的值越相近越好。

3,overflow:有時一些公司的注冊協(xié)議都是很長,這就用到了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

閱讀本文后您有什么感想? 已有 人給出評價!

  • 1 歡迎喜歡
  • 1 白癡
  • 1 拜托
  • 1 哇
  • 1 加油
  • 1 鄙視