Спецификация по сбросу стилей или рекомендации?

Question

[F0maX]

В общем суть вопроса проста - есть какой либо черновик на тему сброса стандартных браузерных стилей, чисто почитать и помечтать, что когда то будет такая возможность "из коробки".

И в дополнение поделитесь пожалуйста опытом, как вы решаете этот вопрос, чем пользуетесь, какой подход считаете оптимальным, только пожалуйста без звездочки )

Comments

[Сергей delphinpro]

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

Вопрос давно решен — normalize.css + правило *{box-sizing:border-box}

[F0maX]

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

[F0maX]

Сергей delphinpro, я имею ввиду отступы, рамки, обводки подчеркивания, жирность цвет. Естественно не про нечто вроде display сливать в none

[Сергей delphinpro]

F0maX, Вспомните историю.

"Да будет HTML" — сказал Тим, и появился HTML. Простая гипертекстовая разметка, без css-стилей, исключительно для обмена технической документацией. Разметку нужно как-то отображать, выделять заголовки, параграфы, цитаты, и прочие элементы, а не вываливать сплошным текстом. Собственно в этом и была вся суть — простой текст и в txt передавать можно было. Вот именно это и есть "дефолтные браузерные стили".

Это уже потом, спустя 5-8 лет, другой мужик придумал стилевые таблицы.

Но ведь появление стилевых таблиц не меняет назначение самого html — гипертекстовой разметки. А значит html и сегодня без css не должен отображаться сплошным текстом.

Вот поэтому я и говорю — сброса стилей из коробки (подразумеваю встроенную возможность браузера) не будет никогда. Некоторые семантические теги всегда будут иметь свои стили по умолчанию.

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

Reset.css Мейера слишком жестко сбрасывает. Оптимальным вариантом сегодня общепризнан normalize.css Галлахера.

Надеюсь, теперь моя мысль стала более понятной.

[F0maX]

Сергей delphinpro, я не говорил, что их нужно удалить по умолчанию, наоборот, я это вижу примерно так: допустим сделать метатег -

<meta name="user-agent-stylesheet" content="disable">

.

И проблема как раз в том, о чем вы сами написали,

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

. Был бы стандарт - не было бы проблем.

К примеру, среди современных сайтов уже практически не найти те, которые используют например дефолтный стиль кнопок, разве нет? И для них нужно подчищать, переопределять стили, верно? Уже есть прекрасный модуль flexbox, и не менее прекрасный grid layout, в котором, что то отцентровать по вертикали/горизонтали не составляет труда.

К примеру такой кейс: дефольные марджины у заголовочных тегов. Представим есть контейнер с height: 100px и width:100%. Внутри один текстовый узел и все. Взял display:flex, отцентровал по вертикали и горизонтали. И никаких margin: 0 auto, а
так же прочих костылей для верикального выравнивания. И после этой магии открываем на мобилке сайт: (при условии что мы создали медиа запрос, где сократили высоту до 50px и размер текста скажем в полтора раза.). А огромный марджин остался, и начал двигать все, что сверху и снижу, и вот контейнер h1 больше по высоте, чем планировалось.

И таких, разного рода мелочей, более чем достаточно. А так взял, отключил, и все под контролем.

Но никто так же и не отменял веб-сервисы, на которых например стиль кнопки может не иметь значения, а несли лишь функциональную нагрузку. И тогда мы ничего не отключаем и пользуемся стилями из user-agent-stylesheet.

И соответственно вывод, если актуальны такие вещи, как "Reset" или "Normalize", то ничего страшного при появлении например,

<meta name="user-agent-stylesheet" content="disable">

, не произошло бы, а даже наоборот.

[Сергей delphinpro]

F0maX, Возможно. Но вы можете не ждать, пока решат за вас, а напрямую поучаствовать — сформулируйте и изложите своё предложение рабочей группе: https://github.com/w3c/html/issues

[F0maX]

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

Answer 1

[Stalker_RED]

На смену reset.css от Эрика Мейера пришел normalize.css, который выигрывает по многим параметрам.
Подробные разборы и сравнения проводились много раз, и их можно почитать или посмотреть здесь.