Reset CSS nedir?



Reset.css dosyası Eric Meyer tarafından yazılmıştır. Amacı şudur, bir web sayfasını tasarlarken yazdığınız CSS kodları her tarayıcıda farklı görülebilir. Reset.css işte bu farklılıkları azaltmak için hazırlanmıştır. Örneğin CSS kodlarında yer alan satır yüksekliği, font boyutu, font tipi, margin değerleri Internet Explorer'da farklı, Firefox'ta farklı, Chrome web tarayıcısında farklı görünebilir. Reset.css tüm CSS ayarlarını fabrika ayarlarına çektiği için bir kısım farklılıklar azaltılır. 




Aşağıda Eric Meyer'in hazırladığı RESET.CSS dosyasını görmektesiniz.  Mavi satırları kopyalayıp,  notepad gibi bir editöre yapıştırarak reset.css olarak kaydediniz.  Sonra kendi CSS dosyanızın başında import direktifi ile çağırıp kullabilirsiniz. Örneğin aşağıdaki satırı yazarak dahil edebilirsiniz. 

@import url('reset.css'); 

reset.css kodları aşağıda yer almaktadır. 
 
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;
}

CSS ile ilgili anlatacak epey konu var, vakit buldukça sizlere aktarmaya çalışacağım. Web Tasarım açısından CSS bilginizi derinleştirmeniz özgün web tasarımlar yapmanızı kolaylaştıracaktır. 

KAYNAK
http://meyerweb.com/eric/tools/css/reset/

Mutlu kodlamalar,
Oğuzhan TAŞ
Haziran 2015 Bookmark and Share
Dil Değiştir(Change Language)
Kategoriler
Kütüphane Programı
En çok Okunan 18 Makale