Menü

CSS reset facebook paylaş CSS reset twitter paylaş CSS reset google plus paylaş CSS reset linkedin paylaş
07.08.09
Cuma


CSS reset


Lafı fazla uzatmadan bir iki satırla ne işe yaradığını açıklayığ gerekli kodları vereceğim.

Vereceğim CSS kodlarından birini CSS dosyanızın başına yapıştırdıktan sonra gerekli CSS i yazın. Neden? Çünkü bu kodu style dosyanızın başına yapıştırdığınızda daha sonra yazacağınız kodları tüm browserlarda %95 farksız hale getiriyorsunuz. Bu ne denemk oluyor, cross browser olayında daha az uğraş :)

1. Bu kodlama Chris Poteet tarafıdan düzenlenmiş.

* {
vertical-align: baseline;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: none;
padding: 0;
margin: 0;
}
body {
padding: 5px;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, form, ul, ol, dl {
margin: 20px 0;
}
li, dd, blockquote {
margin-left: 40px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

2. Bu kodlar yahoo tarafından önerilen css reset kodları

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

3. Tantek tarafından önerilen kodlar ise şunlar


:link, :visited {
text-decoration: none;
}
ul, ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
font-size: 1em;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre,
form, body, html, p, blockquote, fieldset, input {
padding: 0;
margin: 0;
}
a img, :link img, :visited img {
border: none;
}
address {
font-style: normal;
}

Bunlardan istediğini kullanıp denemeler yapabilirsiniz. Benim kendi yazdığım kodları daha sonra paylaşacağım, üzerinde çalışmalarım devam ediyor :)

Kolay gelsin.





[ YORUM YAZ ] [ YAZDIR ]
Anahtar kelimeler: css, css cross browser, css reset, css hataları, css problemleri, css sorunları, css düzenlemeleri, browser uyumluluk

Yazan: Görkem Özdoğan
Yorum: yeni bir virus gelişcek adı da CSS kanseri olacak:)) CSS yüzünden kanser olmuşlar vakfı kurulcak sonrada:)