Ağustos 11th, 2009 | Ali BARIN | (x)HTML - Css | 3 Yorum |

CSS Sıfırlamak için HTML nin 5 den önceki sürümlerinde Eric MEYER `in yazmış olduğu reset.css adlı dosyayı veya

*{margin:0;padding:0;}

kod bütününü kullanıyorduk. HTML 5 `in çıkmasıyla birlikte yeni etiketler ve özellikler gelince tarayıcılarda farklı farklı görüntüler oluşmaya başladı. Bunlara neden olan stil ayarlarını -CSS (Cascading Style Sheet)- sıfırlamak için bir stil sayfası oluşturmuşlar. İşte karşınızda html5doctor.com dan bir yazarın yazdığı Eric Meyer CSS sıfırlama tekniği tabanlı stil dosyası.

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}

HTML 5 Reset CSS dosyaları

   HTML 5 de CSS Sıfırlayın adlı yazıda 3 yorum var

Güzel bilgi. HTML5 ‘te CSS reset böyle olacaksa CSS ‘nin kendisi nasıl olur onu bilemem. Bana kalırsa abartı bir reset olmuş. Sonuçta o etiketlerin hepsi belki sitede kullanılmayacak.

attackerz
Eylül 17th, 2009 » 14:08

CSS sıfırlama neye yarar? kısa bi bilgi verebilir misiniz?

@attackerz; Her tarayıcının CSS kodlarını farklı yorumladığını biliyorsun. IE hariç çoğu tarayıcılar neredeyse birbirine yakın yorumlarlar fakat IE sürümlerinde bu yorumlama tamamen değişiktir. Tarayıcılar arasındaki varsayılan margin ve padding değerleri farklı olduğu için sitenin görüntüsünde bozulmalar olabiliyor. Bu bozulmaları en aza indirmek için CSS sıfırlama kullanılıyor. :)

   Yorum yazın.