這里大家要知道CSS不兼容的原因是因?yàn)楦鳛g覽器給CSS默認(rèn)屬性值不一樣造成的。
第一招：給常用CSS規(guī)定屬性值。
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樣式，讓各瀏覽器按照我們?cè)O(shè)置的屬性值渲染網(wǎng)頁(yè)
第二招：IE和FF下對(duì)象居中問(wèn)題
IE下大家應(yīng)該知道只要設(shè)置body{text-align:center;}這樣就可以居中顯示。
但是這樣的方法在FF不行的。這里就需要給修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距離為0像素，左右為自動(dòng)。所以FF就會(huì)居中顯示。
第三招：垂直居中（僅只用于一行）
比如說(shuō)一個(gè)高30px的div，問(wèn)題默認(rèn)是會(huì)顯示在左上角，如果想垂直居中對(duì)其可以加個(gè)line- height:30px;樣式。如果你想讓他居下方則在修改line-height:30px;數(shù)值越大越局下，為了防止撐破層，還需要再給一個(gè)樣式 overflow:hidden;(超出的部分不顯示)
第四招：給每一個(gè)塊對(duì)象設(shè)置三個(gè)樣式
width:**px;height:**px;overflow:hidden;即便高、寬是屬性值是自動(dòng)那么也需要去設(shè)置這三個(gè)樣式。目的就是解決瀏覽器默認(rèn)值的問(wèn)題。
第五招：針對(duì)IE6、IE7、FF的css樣式(這一招在特殊情況下經(jīng)常用到)
原來(lái)建設(shè)網(wǎng)站經(jīng)常使用!important來(lái)設(shè)置優(yōu)先權(quán)，但有了IE7之后就不行了。下面給大家個(gè)可以解決IE6、IE7、FF各個(gè)CSS優(yōu)先權(quán)的方法
#1 { color: #333; } /* FF環(huán)境 */
* html #1 { color: #666; } /* IE6環(huán)境 */
*+html #1 { color: #999; } /* IE7環(huán)境 */
上面的書(shū)寫(xiě)順序一定不能改變。
這樣子網(wǎng)頁(yè)在FF下顯示#333，IE6下顯示#666，IE7下顯示#999;
