Обсудим сброс стилей от Эрика Мейера (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; }

ПОДПИСАТЬСЯ НА РАССЫЛКУ НОВОСТЕЙ
Последнее в нашем блоге
Интернет-маркетинг
04.11.2019
Интернет-маркетинг
03.10.2019