CSS對瀏覽器重置的代碼
在網頁開發過程中,不同瀏覽器之間的兼容性問題常常會給我們帶來麻煩。其中,不同瀏覽器對于HTML元素的默認樣式表現更是不一樣。這時,我們就需要重置瀏覽器的默認樣式,通過自己的CSS樣式表來控制頁面中的每個HTML元素。
下面介紹一段常用的CSS代碼,該代碼可用于重置不同瀏覽器之間的默認樣式,使得不同瀏覽器之間表現一致。
/* 重置樣式 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,thead,tbody,tfoot,tr,th,td { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; } /* 著重重置表單元素 */ input[type="text"],input[type="password"],textarea,select { margin: 0; padding: 0; font-size: 100%; font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft YaHei", "微軟雅黑", sans-serif; font-weight: normal; line-height: 1.3; } /* 設置鏈接顏色 */ a { color: #007acc; text-decoration: none; } /* 設置列表項無序列表樣式 */ ul,ol { list-style: none; } /* 著重重置圖片樣式 */ img { vertical-align: middle; border: 0; max-width: 100%; height: auto; }以上代碼為常用的瀏覽器重置樣式代碼,通過這些代碼,我們可以去除不同瀏覽器之間的默認樣式,從而更好地控制頁面樣式,實現更好的兼容性和可維護性。
上一篇css對象不被覆蓋
下一篇css對話框加載外部字體