Страницы

Поиск по вопросам

вторник, 30 октября 2018 г.

Какие стили лучше задавать по умолчанию?

При просмотре туториалов, связанных с версткой заметил, что часто перед началом работы, авторы задают какие-то стили по умолчанию, переопределяют дефолтные стили браузера. Собственно, возникло пару вопросов по этому поводу:
Зачем это делается? Стили каких элементов лучше переопределить в самом начале? Где можно об этом почитать поподробнее и найти код? Гуггл мне не очень помог, каюсь, может плохо гугглил.


Ответ

Зачем это делается?
По умолчанию, в браузерах есть встроенные определения для 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; }

Комментариев нет:

Отправить комментарий