yazacağınız web uygulamasının bütün tarayıcılarla uyumlu olmasını istiyorsanız başlangıç noktanızı iyi belirlemeniz lazım. bu sebeple css yazmaya başlamadan önce sayfadaki olası bütün ögelerin pozisyon, boşluk ve çervelerini sıfırlamak gerekiyor. bunlar margin, padding, border gibi özellikler.
css ve web standartları gurusu eric meyer‘in daha önceden böyle bir çalışması var. bu dosyayı projenizin başlangıcında kendi css dosyanızın tepesine @import komutuyla eklemeniz mümkün. aşağıda reset.css’nin şu anki versiyonunu bulabilirsiniz. detaylı bilgi için eric meyer‘in kendi sitesine bakınız.
@import komutunun kullanımdaki küçük detaylarla farklı tarayıcılarda farklı etkileri olduğunu unutmayınız.
/* v1.0 | 20080212 */
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;
}
