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?
Konuyla ilgili video anlatımı açın
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;
}