HTML ve CSS kodlama yapanlar bilirler, eğer hazır bir css kütüphanesi kullanmıyorlarsa, yazdıkları kodların bazıları her tarayıcıda farklı yorumlanır, bir tarayıcıda normal görünen kodlar diğerinde aynı yerde ufak bir boşluk ile karşımıza çıkabilir. Böyle durumlarda aşağıda ki kodları sisteme önceden ekleyerek tüm tarayıcılarda başlangıç ayarı yapmış oluyoruz.
Aşağıdaki kodlar Eric Mayer adlı profesyonel biri tarafından hazırlanarak kullanıma sunulmuştur. Eğer Bootstrap veya Semantic UI gibi Framework'ler kullanıyorsanız reset.css kullanmanıza gerek yoktur.
reset.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, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}