Обсудим сброс стилей от Эрика Мейера (Eric Meyer)

11.07.2011

У каждого хорошего верстальщика есть свои заготовки, возьмем, к примеру, очистку стилей разных браузеров (я бы назвал это первым шагом на пуки к кроссбраузерности). Сегодня я хотел бы показать очистку стилей от Эрика Майера и внести несколько дополнений.

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

Привожу исходный код Эрика Мейера.

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


Еще важные стили которые просто необходимо для хорошей верстки.

/* очистка плавающих блоков*/
.clear{clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* очистка всех ссылок*/
a{
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* Для картинок в контенте*/
.a_left{
	float:left;
	margin: 0 10px 10px 0;
}
.a_right{
	float:right;
	margin: 0 0 10px 10px;
}
.a_center{
	text-align:center;
}
Конечно же в этой статье представлены некоторые заготовки моего личного сброса стилей. Берите для себя только полезное, и в то же время стремитесь к оригинальности! 61162079

Последнее в нашем блоге