HTML 5 de CSS Sıfırlama – Hadi CSS’yi Sıfırlayın

HTML kodlama dilinin son sürümü olan HTML 5 ‘in çıkmasıyla birlikte yeni özellikler ve eklentilerin, tarayıcılarda farklı farklı gözüktügünü görmek münkün, tarayıcılar arasındaki stil ayarlarının farklılıgından dolayı HTML 5 in her tarayıcıda aynı gözükebilmesini sağlamak için bilindik bir yöntem olan CSS (Cascading Style Sheet)- sıfırlama teknigi kullanılacak. (her zamanki gibi). 🙂

Tabi HTML 5 ile birlikte  gelen bu yeni özellikler ve eklentiler den dolayı bildiğimiz CSS sıfırlama kodlarındada yenilikler yani degişiklikler oldu..

Yeni HTML 5 için uygun olan CSS sıfırlama kodları söyledir..

Kodu vermeden önce diger sıfırlama kodları için bu adresten ulasabilirsiniz..

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;

}