CSS обнуление стилей: полный гайд по сбросу всех стилей на сайте

Обнуление стилей или "reset" CSS - это подход, который используется для того, чтобы обеспечить единообразный вид веб-страницы на разных браузерах. Стандартные стили браузера могут отличаться от браузера к браузеру, что в свою очередь может привести к несоответствию внешнего вида страницы на разных устройствах. Обнуление стилей позволяет создавать страницы со стандартизированным внешним видом вне зависимости от используемого браузера.

Для создания обнуления стилей используют специальный CSS-код. Код "reset" обычно располагается в начале файла стилей, перед описанием собственных стилей.

Пример кода обнуления стилей:

css
/* Обнуление стилей*/
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, 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-size:100%; vertical-align:baseline; background:transparent; } 
/* Исправления для HTML5*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

Этот код обнуляет отступы, поля, границы и размеры шрифтов для всех элементов HTML. Также этот код добавляет некоторые исправления для HTML5 элементов.

В результате применения записи "reset" CSS, можно убедиться, что внешний вид сайта будет более единообразным на разных браузерах и устройствах.