Merhaba Arkadaşlar,
web sitelerini css ile kodlamaya başladığınızda kendi bilgisayarınızda tek bir tarayıcıda (browser) baktığınızda hiç bir sorun göremezsiniz fakat yayına attığınızda tarayıcıdan tarayıcıya bir çok tarafın kaydığını ve sizin verdiğiniz özellikleri tam karşılamadığını görürsünüz.
Bunun nedeni her tarayıcının kendi varsayılan (default) netrenderer özelliğinin olmasıdır....
şimdi oturup her site için tüm reset.css i kendimiz yazabiliriz tek tek tüm değerleri sıfırlayabiliriz fakat bu zaten bir standarlar serisi olduğu her seferinde aynı şeyleri yazmamak için bir sefer reset.css dosyasını oluşturup her site kodlamamızda ilk bunu çağırır üzerine sitemizi inşa edebiliriz.
Önemli olarak şunu söyleyeyim daha önceden kullanmış bitmiş bir css ten sonra reset.css i eklemeyin sonra tüm site birbirine girer.. ilk baştan tasarlarken bunu kullanarak yapın ki hiç sorun çıkmasın..
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; }
Bir sonraki makalede görüşmek dileğiyle...
Veysel APARI