Selim Önder
Hectopat
Daha fazla
- Meslek
- Mechatronics
Merhabalar,
Bildiğiniz üzere piyasada birsürü internet tarayıcısı bulunmaktadır. Bir tasarımcının yaptığı tasarım tüm tarayıcılarda kusursuz bir şekilde görüntülenmesi gereklidir. Kusursuz bir tasarımda bir element her tarayıcıda aynı şekilde görüntülenmelidir. CSS Reset ile css tanımlarından bazıları sıfırlanır ve tüm tarayıcılarda elementler aynı görünümü kazanırlar.
Örnek bir reset.css
Bildiğiniz üzere piyasada birsürü internet tarayıcısı bulunmaktadır. Bir tasarımcının yaptığı tasarım tüm tarayıcılarda kusursuz bir şekilde görüntülenmesi gereklidir. Kusursuz bir tasarımda bir element her tarayıcıda aynı şekilde görüntülenmelidir. CSS Reset ile css tanımlarından bazıları sıfırlanır ve tüm tarayıcılarda elementler aynı görünümü kazanırlar.
Örnek bir reset.css
Kod:
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;
}
Son düzenleyen: Moderatör: