這里大家要知道CSS不兼容的原因是因為各瀏覽器給CSS默認屬性值不一樣造成的。
第一招:給常用CSS規定屬性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}
ul li {list-style:none;}
上面的建站常用代碼就相是格式化CSS樣式,讓各瀏覽器按照我們設置的屬性值渲染網頁
第二招:IE和FF下對象居中問題
IE下大家應該知道只要設置body{text-align:center;}這樣就可以居中顯示。
但是這樣的方法在FF不行的。這里就需要給修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距離為0像素,左右為自動。所以FF就會居中顯示。
第三招:垂直居中(僅只用于一行)
比如說一個高30px的div,問題默認是會顯示在左上角,如果想垂直居中對其可以加個line- height:30px;樣式。如果你想讓他居下方則在修改line-height:30px;數值越大越局下,為了防止撐破層,還需要再給一個樣式 overflow:hidden;(超出的部分不顯示)
第四招:給每一個塊對象設置三個樣式
width:**px;height:**px;overflow:hidden;即便高、寬是屬性值是自動那么也需要去設置這三個樣式。目的就是解決瀏覽器默認值的問題。
第五招:針對IE6、IE7、FF的css樣式(這一招在特殊情況下經常用到)
原來建設網站經常使用!important來設置優先權,但有了IE7之后就不行了。下面給大家個可以解決IE6、IE7、FF各個CSS優先權的方法
#1 { color: #333; } /* FF環境 */
* html #1 { color: #666; } /* IE6環境 */
*+html #1 { color: #999; } /* IE7環境 */
上面的書寫順序一定不能改變。
這樣子網頁在FF下顯示#333,IE6下顯示#666,IE7下顯示#999;
新聞熱點
疑難解答