Css reset nedir ?

Bildiğiniz gibi front-end developerlar yaptıkları tasarımları Crossbrowser yapabilmek için çok fazla uğraşırlar.  Bunun içinde Eric Meyer adında bir kişi Reset.CSS‘yi yazarak işimizi daha fazla kolaylaştırmıştır.

Peki nedir bu Reset CSS ?

Reset.CSS css taglarını sıfırlayan bir kod bloğudur. Strong, b, em gibi taglarda dahil birçok html tagını sıfırlayarak tamamen sizin yapmanıza olanak verir.

Örneğin IE7’de <body> tagı otomatik olarak margin: 5px; olarak tanımlanır. Siz bunu ayrıca belirtmezseniz IE7 bu şekilde tanımlayacaktır. İşte Reset.CSS bu şekilde ve daha birçok bilmediğimiz tarayıcı uyumsuzluğunu kaldırır.

Eric Meyer’in yayınladığı 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;
}

Yukarıda ki css kodlarını style.css dosyanızın en üstüne koyarsanız başarılı bir şekilde çalıştırmış olursunuz.


1 Yorum

  1. Reset css normal style dosyamızamı koymak daha avantajlı yoksa harici bir dosyadamı çekmek daha avantajlı yani tarayıcılar bu kodları aynı yerden çekersemi daha çok yük biner harici dosyadan çektiği zamanmı daha çok yük biner bu konudada bilgi verebilirmisiniz. Teşekkürler.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.