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

  • atif karagöz:Elinde bu tabletın batarya sı olan varsa Allah aşk...
  • Osman:İnternet ayarlarını yapamıyorum yardımcı olun lütf...
  • asd:Adını değiştir sonra sil....
  • Emre:Çalışmıyor bu yöntemle yapınca tam ekran oluyor yi...
  • Onur:Teşekkür ederim.İlk yöntem işe yaradı....
  • Zeynebim:2 yıl oldu açamıyorum face mi yardımcı olur musunu...
  • yuksel:hedef bul klasörünün altındaki proxy ile başlayan ...
  • orhan:yusuf.ersoy5457@gmail.com arkadaslar bu hesabın kı...
  • Orhanalaz:Şifremi unuttum tvitira giriş yapamiyirum...