İpucu : CSS Reset Nedir? Ne için gereklidir?

Selim Önder

Kilopat
Katılım
16 Ocak 2011
Mesajlar
6
Beğeniler
6
Yer
Ankara
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
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:

Yeni konular

Yukarı