首页 > 代码修改 > CSS兼容之样式重置代码
2012
01-11

CSS兼容之样式重置代码

大家都知道,每个浏览器都有自己的默认CSS样式,如果我们不加以重新定义,那么就是自动执行默认的Css样式,这样就导致了网页兼容问题,即有的浏览器
可以正常显示,有的则显示错乱不堪,所以写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, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0 none;
font-family: 
inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0 none;
padding: 0;
}
:focus {
outline: 0 none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
a img, iframe {
border: medium none;
}
ol, ul {
list-style: none outside none;
}
input, textarea, select, button {
font-family: inherit;
font-size: 100%;
}

使用时只需将以上代码放在CSS文件的最上方即可, 之后你在写样式代码,在每个浏览器里就有更好的兼容性了!~

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

CSS兼容之样式重置代码》有 16 条评论

留下一个回复

你的email不会被公开。