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:Sizin öneriniz nedir? Yani kullanıcı bataryayı kul...
  • Cengiz:Lityum iyon pilleri, boş bir şekilde saklarsanız, ...
  • admin:https://www.blogger.com/forgot.g linkine tıklayın....
  • Eda:3 yıl önce bi blog açmışım ve bir şeyler karalamış...
  • Kbrkyn:Bana yardımcı olabilirmisiniz bundan 5 yıl önce fa...
  • gülay:7542 arıyorum şifre istiyo ben bi şifre koymadım n...
  • Fatoş Çiçek:2 tane face hesabımı sildim ama açmak istiyorum LÜ...

Sponsorlarımız

Minecraft Apk indir