Заказать услугу
  • +38 099 227-70-70
  • +38 097 770-63-63

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

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

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

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

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
Посты этой рубрики посвящены инструментам и стратегиям интернет-маркетинга, призванным увеличить конверсию сайта. Статьи будут интересны и полезны нынешним и будущим владельцам онлайн-бизнеса.
Интересуют последние веяния в дизайне сайтов и айдентики? Хотите правильно сочетать цвета и шрифты? Тогда вам сюда.
В рубрике «Разбор заплывов» специалисты студии Webakula делятся не только своими опытом, наблюдениями, выводами, но и практическими советами.
Рубрика поможет разобраться с базовыми терминами интернет-маркетинга, веб-разработки и дизайна. Статьи пригодятся любознательным индивидуумам, которым не безразлична тема сайтостроения.
Мы рады познакомиться и поделиться информацией о насыщенных буднях и ярких выходных компании Webakula с нашими клиентами, читателями и случайными «прохожими». Заходите, располагайтесь, чувствуйте себя, как дома :)