Сброс стилей элементов?

Чем в 2017 плох метод сброса стилей через звездочку?
* {
  padding: 0;
  margin: 0;
}
  • Вопрос задан
  • 1291 просмотр
Пригласить эксперта
Ответы на вопрос 3
dom1n1k
@dom1n1k
В общем-то ничем, только нужно помнить, что умолчальные паддинги сбросятся также у инпутов и кнопок (где они все-таки нужны). То есть для всех кнопок нужно будет вручную прописывать высоту и/или паддинги. Но я бы не назвал это недостатком, поскольку часто это всё равно делается так и так. Это просто особенность подхода.
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Если Вам нравится и считаете, что это удобно, то ничем не плох.

Общая целесообразность использования: прикинуть для конкретного проекта количество действий. Сколько раз нужно будет указать нулевые отступы, если этого правила не писать. И сколько раз надо будет перебить эти нулевые отступы, чтобы вернуть стандартные.

Например, для текстовых блоков в большинстве случаев считаю, что отступы по умолчанию для заголовков, p, ul, li и т.д. вполне подходят для жизни и удобного чтения.
Ответ написан
Комментировать
movasyl
@movasyl
semper tiro
Есть блок (читай бэм сущность). У блока есть набор стилей общий для всех его подвидов и свой личный reset. Что в результате гарантирует его корректную работу, в любом окружении куда бы ты, или кто-то после тебя его засунул, с любым нормалайзом, ресетом или reboot-том (последнее - bootstrap4, советую обратить внимание) либо без них. А также возможность комфортного переиспользования.
+ как бонус меньше css на выходе.
Пример (схематический):
/* HTML types */

<a class='button' href='#'>Кнопа</a>
<button class='button' href='#'>Кнопа</button>
<input class='button' type="submit" value="Кнопа">


/* bem entity */

.button{
                                 // reset
  user-select: none;
  display: inline-block;
  text-decoration: none;
  touch-action: manipulation;
  
                                 // common
  padding: 0.5em 1em;
  border-radius: 2em;
  text-align: center;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы