When we create a “button” and see it in different browsers, what we observe is it looks different in different browser. This is just because every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more appropriate and styled well.Near about all browsers by default make the links blue and always make visited links purple, apply variable font-sizes to H1, H2, H3, give tables a certain amount of border and padding, etc.
But how to make websites look the same in every browser by use of “CSS reset”?
This is simple. By using a “CSS reset” a developer can force every browser to have all its styles reset to null, thus avoiding cross-browser differences as much as possible.
Below is a CSS reset used to reset your browser default style agent and this is well supported by HTML5. Include this in your application default css file.
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}