Yazar Ol Yazar Girişi
Yazar Girişi
E-Posta Adresi
Şifre
Şifremi Unuttum
Asp.Net .Net MVC PHP & MySQL C# PhotoShop CSS jQuery AlgoritmA MsSQL Server HTML Ruby
- Kategoriler -
Türkçe
English
German
Tüm Kategoriler
Css de reset.css Kullanımı

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

Sosyal Hesabında Paylaş

2203 görüntüleme

Yorumlar
Adınız Soyadınız
Mail Adresiniz
Doğrulama Kodu

Bildiklerimiz.Net Bildiklerimizi paylaşıyoruz, bilmediklerimizi öğreniyoruz. biz bunları yapıyoruz ya siz...

© 2019 Bildiklerimiz Tüm hakları saklıdır.
bir Bildiklerimiz.Net projesidir.