CSS Reset

2009-09-17

Как известно разные браузеры имеют свои значения по умолчанию для своих элементов. Чтобы привести все элементы к общему знаменателю приходится все нюансы держать в голове и каждый новый проект начинать с того, что вставлять в css определения, нивелирующие разницу в поведении тех или иных тегов, а уж затем начинать творить. Иначе кроссбраузерная отладка удлиняется в разы.

Мартин Миранда нашел код который поможет свести к минимуму возможные различия в форматировании элементов по умолчанию.

Что то подобное есть и у меня, хотя этот код гораздо полнее.

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

На мой взгляд, не хватает кой чего важного, например, корректировок для LI, UL но в целом идея достойная.

CSS Reset

комментарии: