Temanızı Tüm Browser’lara Uyarlayın Reset.css

Temanızı Tüm Browser’lara Uyarlayın Reset.css

Tema tasarlayanların en büyük sorunlarından biride tasarladıkları temanın tüm browser’larda aynı görünmemesini sağlamak, özellikle Windows ile birlikte gelen İnternet Explorer serilerinin tümünde aynı görüntüyü yakalamak gerekiyor. Reset.css ile bu sorunu kolayca halledebileceksiniz. Adı üzerinde css tanımlamalarından bazıları sıfırlıyor. Böylece, gerek Internet Explorer sürümleri, gerekse diğerler Tarayıcılar için aynı görüntüyü sağlıyor.

Piyasada bir çok CSS tanımlaması mevcut. Bunlardan en popüleri Yahoo! UI Library ve size birkaç CSS tanımlamalarını sunacağız böylece kendinize en uygununu seçerek temanızı uyarlayabilirsiniz.

Yahoo! Reset.css:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Eric Meyer’in Önerdiği 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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}