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:Bad sektörler tamir edilemiyor. Burada amaç sistem...
  • ÖMER:peki hdd ye tekrardan format atarsak eski bad sect...
  • Tuncay:Bende olmadi acaba neden error veriyo surekli...
  • Murat:Şimdi değerli kardeşim benim internet ışığı yanıp ...
  • sew:yapın...
  • emrullah:merhabalar sayın admin, lütfen güncel e-mail adres...
  • Ayşegül:Eski facemi nasil kurtarırım...
  • Kalender:Kafamda soru işareti kalmadı. Çok açıklayıcı ...