經(jīng)常有人在做網(wǎng)頁(yè)的時(shí)候,特別是初學(xué)者容易犯的錯(cuò)誤就是寫(xiě)出的代碼在一種瀏覽器里面很正常,但是在其他的瀏覽器里面卻會(huì)發(fā)現(xiàn)頁(yè)面的顯示會(huì)多少有些問(wèn)題,甚至于在不同的瀏覽器里面的網(wǎng)頁(yè)排版看起來(lái)完全不同,有的會(huì)導(dǎo)致頁(yè)面排版亂掉等等。
造成這一系列的原因可能就是最常見(jiàn)的兼容性問(wèn)題了。
因?yàn)樵诓煌臑g覽器里面各種代碼標(biāo)簽都自帶了自身本生的屬性,在沒(méi)有給標(biāo)簽一個(gè)屬性前,在不同的瀏覽器里面自帶的屬性可能不同,所以就產(chǎn)生了,你在一種瀏覽器里面顯示是正常的頁(yè)面,但是在其他的瀏覽器里面就發(fā)現(xiàn)顯示出來(lái)的頁(yè)面與原本的預(yù)想多多少少會(huì)有所不同。
這個(gè)時(shí)候我們?cè)撊绾稳ソ鉀Q這個(gè)問(wèn)題了?
其實(shí)解決這個(gè)問(wèn)題的方法也很簡(jiǎn)單,就是把你在制作網(wǎng)頁(yè)中所需要用到的代碼標(biāo)簽的屬性都重置下就行了。
例如:
/*重置樣式*/
html,body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;}
body { background: #FFF; color: #000; font-size: 12px; font-style: normal; font-family:'Microsoft Yahei','微軟雅黑','Simsun','宋體','Arial', sans-serif;}
em, b, i { font-style:normal;}
li { list-style:none;}
a,img { border:none;}
a { text-decoration:none; color:#244666;}
table { border-spacing:0; border-collapse:collapse;}
重置樣式可以根據(jù)自己的網(wǎng)頁(yè)需求來(lái)重置就行了,在網(wǎng)頁(yè)制作還會(huì)出現(xiàn)其它很多種不同的兼容性問(wèn)題,這個(gè)只是其中的一個(gè)。
在以后的學(xué)習(xí)中月影也會(huì)為大家講解的。