Почему обнуление наружних и внутренних отступов для всех элементов плохо?

Question

[Максим]

Увидел или часто вижу что некоторые проффи или продвинутые верстальщики часто пишут что обнуления в том виде ни есть хорошо : *{margin:0; pading:0; box-sizing:border-box, etc}
Чем это плохо и почему это плохой тон ?

Comments

[sim3x]

Пройдитесь по коду нормалайзера
Там не много
И куча коментов

[Johny Smith]

sim3x, это лайк, нормалайз крутой справочник

[Алекс Глебов]

Это плохо если следовать бему
И в крупных проектах, где все по правилам, задокументировано и куча верстальщиков, такое не встретишь.
Если нужно обнулить там будет reset.css
хотя * {box-sizing:border-box} есть уже наверно везде

А если проект на пару страниц то проще это написать, чем тащить ресет который даже весь не будет использоваться.

[Johny Smith]

Максим Ленский создал дополнительный вопрос для вас, можете на него подписаться здесь: Где найти критерии вёрстки из HTML Academy? в HTML Academy на эту тему (кажется) даже есть отдельный т.н. там Критерий, и вроде он назывался <<Д25>> не помню! В вопросе по идее ответят, чтобы капнуть глубже.

Answer 1

[dom1n1k]

Глобальное обнуление может привести (подчеркиваю - может, но это не точно) к проблемам, если в дальнейшем на сайте планируется "неконтролируемый" контент. Обычно это то, что загружает контент-менеджер через админку цмс.
Если такое не планируется, то глобальное обнуление работает без проблем.
Часто можно встретить аргумент, мол, селектор-звездочка медленный. Это чушь.

Answer 2

[Johny Smith]

В основном изза текста и не только. Сброс это плохо в первую очередь, при наполнении сайта редакторами. Если вы один полностью контролируете процесс вёрстки от А до Я самостоятельно не только LayOut а и материалов, то вам можно делать сброс и переопределять по второму разу свойства вручную для каждого, конечно.

Но, сброс имеет место только для таких одноразовых проектов, как например промо-сайты или лендинги, где важна скорость разработки, и абсолютно не важна дальнейшая работа над проектом. Для таких галактик как CMS по типу WP, Joomla, Битрикс ни в коем случае.

Когда менеджер, рерайтер, копирайтер, особенно какаято девочка залезет в админку, и начнёт пытаться вставлять заголовочки, абзацец, списочки, то она увидит всё совсем по-другому, чем это выглядит у неё свёрстанное заранее. Скопипастить так просто не получится, а получится всё в куче у менеджера, спресованное.

Сброс это выстрел себе в ногу. Надо контролировать умолчания самостоятельно.

Comments

[Максим]

ну для меня *{} не заканчивается только margin и padding я ещё много что пишу туда но многие комментарии с codeprewivew меня настолько заё...ют что уже начинает раздражать своими претензиями как будто я на продажу сделал а всего лишь с три десятка портфолио для разного рода студий ... и всё же не ясно мне что там плохого

[Johny Smith]

Максим Ленский, не совсем понятно что вы имели ввиду под всего лишь десятком порфтолио для разного рода студий, т.к. мы с вами не раз уже переписывались и вы ведь сами уже дядя на своей собственной студии.

[Максим]

Olek1, ясно что у меня своя студия но я не о студии ... у меня готовых проектов много но не ясен косяк в том чему мешает глобальное обнуление

[Johny Smith]

Максим Ленский, этот способ рубить с плеча выбирает элементы которым не нужно ничего сбрасывать априори. Помимо текста в вёрстке есть ещё целая куча других узких мест по типу форм, которые трогать просто так не желательно иначе всё может развалиться. Альтернативой некогда был предложен reboot (помимо уже существующих normalize и reset). Восстанавливать всегда приходится стили вручную. Этот театр абсурда длится давно, ещё до времён доминирования Yahoo UI и Yahoo Base который восстанавливал правильные стили после их полной отмены. Это всё плодит в конечном счёте ещё больше новых сущностей, чем удалось сэкономить благодаря *{}. Раньше в html было 70 строк "базовых стилей", сегодня 1000+, через несколько лет будет 100000+, вы для всех элементов которые ещё даже не вышли в свет уже делаете сброс, не слишком ли самоуверенно с вашей стороны? ;) К тому же вы не можете форкать с лёгкостью другие проекты, потому что у вас есть сброс, а у других неизвестно, это создаёт ещё один костыль в вашу "пользу". Или если на ваш проект приходит сторонний блок, то там сброс не учтён, и вы начинаете играться руками с ним. За лишнее написание повторяющихся строчек кода не беспокойтесь, это решает gzip. На замену приходят другие техники, такие как reboot вместо сбросов или нормализации, или all:unset; что сбрасывает встроенный в браузер стиль только там где это требуется вам. Нет, вы можете использовать *{} в своём личном проекте, если не планируете его развивать и поддерживать сторонними разработчиками. Нет никаких в этом проблем, это будет нормально для вашего случая если вам это подходит. Нагрузка на css модуль минимальная, pagespeed insights нормальные выдаёт показатели даже при таком подходе))

[Максим]

Olek1, хороший ответ ... и чужим редко пользуюсь - можно сказать вообще не пользуюсь чужим ...а если возникнет проблема через несколько лет то буду решать по мере поступления ... спасибо --это действительно хороший и полезный ответ ..
но всё же наверно ВСЕ браузеры по своему штудируют отступы и даже каждый браузер по своему стилизуют хоть input хоть текст ... в каждом браузере свои понты , к примеру взять mail.ru - хотите увидеть как оно отображается в разных ОС ?
я имею ввиду цветовую палитру и да вообще разное отображение почти в каждом браузере и на каждой платформе но обнуление всех стилей к одному единому наверно может сделать так что бы страничка в сети выглядела везде одинаково....

[Johny Smith]

Максим Ленский,

mail.ru - хотите увидеть как оно отображается в разных ОС ?

задача для бизнеса это первостепенное, а так как всё зависит от задачи можно не предполагая с уверенностью сказать что вопрос кроссплатформенности не стоит остро перед владельцами mail.ru иначе бы они обратили на это внимание, да и они никогда не славились ни дизайном, ни вёрсткой. Это не их прерогатива. В последнее время они в бекенд ударились, и неплохо имхо себя в этом начали проявлять, а это к вёрстке никакого отношения не имеет.

Почему обнуление наружних и внутренних отступов для всех элементов плохо?

ну для меня *{} не заканчивается только margin и padding

лол

[Максим]

Olek1, ну ЛОЛ для меня конечно 'веский аргумент' но всё же mail.ru для меня лидер из всех соц сетей по (мой мнение) юзабилити хотя может быть я просто привык ...я на них ровняют и вижу у них многое что я не умею делать

[Johny Smith]

Максим Ленский, резко переходите на тему плюсов/минусов mail.ru с которым ни ok ни vk ничего до сравнительно недавних времён не объединяло

vk это детище Дурова, а ok это произведение Попкова. Ни тот, ни другой не имели к mail.ru никакого отношения когда пилили свои проекты.

[Максим]

Olek1, я обобщил - ладно с mail.ru но в общем по теме вопроса ясно

[Johny Smith]

Максим Ленский, все итак знают что маил это сру

[Максим]

Olek1, кому что ...мне нравится mail.ru но не нравится их поддержка ...

[Johny Smith]

Максим Ленский,

мне нравится mail.ru но не нравится их поддержка

имел дело с их поддержкой, очень отзывчивые люди, про это ничего плохого сказать не могу, а вот про заспамленность их сервисов можно офтопить очень долго, как будто у них нет модераторов и ai, или они спамом намеренно решили заняться.

[Максим]

Olek1, это точно ... но всё же дыра есть у всех и не известно спам это или намеренная реклама

[Johny Smith]

Максим Ленский,

не известно спам это или намеренная реклама

LOL

[Максим]

Olek1, а вот это уже аргумент

[Johny Smith]

Максим Ленский,