Reset css nedir, Google Chrome, Mozilla Firefox ve Safari gibi tarayıcılarda html okuyucularının belirli ve farklı değerleri vardır. Bu değerlerin her tarayıcı için sabit olması için oluşturulan css kodlarına reset css (sıfırlama) denir.

Html ve css bilginiz varsa kendiniz de reset css yazabilirsiniz. Tabi buna hiç gerek yok standart olarak  kullanılması için önde gelen yazılımcılardan Eric Meyer gibileri standart bir reset css yazmıştır.
 

Reset css nedir ? Nasıl kullanılır?

Reset css nasıl kullanılır?

Aşağıdaki css kodlarını kopyalıyıp kendi css dosyanızın başına yapıştırarak kullanabilir veya reset.css adında bir  css sayfası kayıt ederek. Sitenizin html komutlarında çağırarak kullanabilirsiniz. Orjinal Eric Meyer’ın reset css ine bu adresten ulaşabilirsiniz.

 

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}