При просмотре туториалов, связанных с версткой заметил, что часто перед началом работы, авторы задают какие-то стили по умолчанию, переопределяют дефолтные стили браузера. Собственно, возникло пару вопросов по этому поводу:
Зачем это делается?
Стили каких элементов лучше переопределить в самом начале?
Где можно об этом почитать поподробнее и найти код? Гуггл мне не очень помог, каюсь, может плохо гугглил.
Ответ
Зачем это делается?
По умолчанию, в браузерах есть встроенные определения для HTML-элементов. Например, у
есть margin, у
- и
- есть padding и list-style, ну и так далее. В каждом браузере эти предустановленные значения могут быть разными, соответственно, normalize.css или reset.css нужны для того, чтобы стартовать с одинаковой базы. Различие их состоит в том, что normalize.css приводит все элементы к одинаковому стилю, а reset.css сбрасывает всё полностью в ноль. Лично мне больше нравится использовать reset.css, потому что, как правило, все элементы потом всё равно переопределяются и для каждого проекта формируется некое подобие UI kit. Но если вы верстаете страницу без формирования определения всех элементов, то, возможно, вам подойдет normalize.css — так вам не надо будет задавать отступы между параграфами и заголовками, переопределять списки и т. д.
Стили каких элементов лучше переопределить в самом начале?
Тут всё упирается в то, какую стратегию вы выбрали :) Мой необходимый набор:
*, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; }
Где можно об этом почитать поподробнее и найти код?
Хорошая статья на HTML-академии и на Хабре
Код: reset.css, normalize.css
P.S. reset будущего будет выглядеть примерно так:
* { all: unset; }
head { display: none; }
Комментариев нет:
Отправить комментарий