Hazırlanan bir tasarımın tüm web tarayıcılarında sorunsuz şekilde görüntülenmesi gerekmektedir. Bu sebeple web tasarımı yapanlar , tasarımın diğer tarayıcılarda nasıl göründüğünü görmek için tarayıcılarla  ayrı ayrı test ederler. Fakat bu testler her zaman doğru sonucu vermez. Çünkü her tarayıcının ayrı versiyonlarında ayrı görünümler almakda mümkündür.

Tarayıcılar birer yorumlayıcıdır, hazırlanan web siteleri kodlardan oluşur ve tarayıcılar da bu kodları yorumlayarak bize gösterirler. Günümüzde kullanılan tarayıcıların hepsinde küçükte olsa yorum farkları var.Örneğin, Firefox’ ta kapatmadığınız bir tablo (</table>) hiç sorun çıkarmazken, aynı kodlar Internet Explorer penceresinde çok karışık bir şekilde gözükebilir, bunlar tarayıcıların yorum farklarından ileri gelmektedir. (vede microsoft ürünlerinin dandikliğine) İşte tarayıcıların yorum farkları kendini stil ifadelerinde de gösteriyor. Her tarayıcı web sitelerini açarken kendi ön tanımlı değerlerine göre yorumlar. Css reset ise bu ön tanımlı değerleri her tarayıcıda eşit hale getirerek bu farkı ortadan kaldırımaya yarar.

Eğer siz de arayüz kodlaması yapıyorsanız ve yukarıda bahsettiğim dertlerle başbaşaysanız “css reset” kullanmıyorsunuz demektir. Aşağıda örnek reset kodunu seçerek stil kodlarınızın en başına  yazıp bu sıkıntıdan kolayca kurtulabilirsiniz. Hepinize kolay gelsin.

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Antalya Web Tasarım
www.antalyawebsite.com