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;
}

Facebook'ta Paylaş Whatsapp'ta Paylaş
Facebook'ta Paylaş Whatsapp'ta Paylaş
Yorumlar

Yorumunuzu Yazın

E-posta adresiniz yayınlanmayacaktır.


Son Yorumlar

  • admin:Evet zaten verimli çalışabilmesi için bir Anfiye i...
  • RaMiZ DaYı:Dostum Bir sorum var Siyah ve Kırmızı İndir buton...
  • 564156:windows 98 mi kullanıyon da zibidi seni mavi ekran...
  • mehmet:insansayilsin.com yaptım single.php dosyasına attı...
  • Wanton:0538 294 22 90 Ulaşın Her türlü kapanan,engel yiy...
  • Wanton:Her türlü engel yemiş geçici veya kalıcı kapatılmı...
  • muhamed ay:biri ni n ismine ve telofonunua virus girsin...
  • saliha:avrupadaki ler icin yazma oyaliyorum.krep mevlut o...
  • ALihan:Bende kernel32.dll yi silemiyorum...