2009-09-17

CSS Reset

Как известно разные браузеры имеют свои значения по умолчанию для своих элементов. Чтобы привести все элементы к общему знаменателю приходится все нюансы держать в голове и каждый новый проект начинать с того, что вставлять в 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 но в целом идея достойная.

 

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

 

Для того чтобы каждый раз не представляться можно войти как зарегистрированный пользователь.

Имя*

разрешены только теги br, font, span, p, strong, u, p, blockquote, a, div, img - остальные будут безжалостно удаляться