Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

friends friends friends

Css'de kullanılan reset.css nedir?

HTML ve CSS kodlama yapanlar bilirler, eğer hazır bir css kütüphanesi kullanmıyorlarsa, yazdıkları kodların bazıları her tarayıcıda farklı yorumlanır, bir tarayıcıda normal görünen kodlar diğerinde aynı yerde ufak bir boşluk ile karşımıza çıkabilir. Böyle durumlarda aşağıda ki kodları sisteme önceden ekleyerek tüm tarayıcılarda başlangıç ayarı yapmış oluyoruz.

Aşağıdaki kodlar Eric Mayer adlı profesyonel biri tarafından hazırlanarak kullanıma sunulmuştur. Eğer Bootstrap veya Semantic UI gibi Framework'ler kullanıyorsanız reset.css kullanmanıza gerek yoktur.

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;
}
reset.css CSS css boşluk sorunu css reset eric mayer css tarayıcı farkı
0 Beğeni
Css
Önceki Yazı

İtalyan Açılışı Giriş

17 Ocak 2021 tarihinde yayınlandı.
Sonraki Yazı

Satranç Taktikleri

17 Ocak 2021 tarihinde yayınlandı.
arrow