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.
