Есть ли лучшая альтернатива использованию css reset?

Question

Я пытался создать веб-сайт и использовал CSS Reset Stylesheet для обеспечения кросс-браузерной совместимости. Однако теперь, когда я смотрю на результаты в Firebug, похоже, все, что CSS Resets делает, это тратит много впустую потраченного времени на прохождение DOM. Например, простая строка кода вроде:

<div><span><p>...</p></span></div>

Унаследует кучу потраченных впустую стилей от p, span, div, body, and html, которые в любом случае, вероятно, будут перезаписаны классом или идентификатором. И для многих сценариев, которые я могу придумать, достаточно простого наследования от body {}. Это кажется мне действительно неэффективным.

Мой реальный вопрос: будет ли лучше практиковаться, если я просто установлю:

* {margin:0; padding:0; border:0;} and maybe body {font-size:62.5%}

Или этот код одинаково неэффективен? На данный момент эти два CSS-правила являются единственной полезной частью таблицы стилей сброса.

Answer 1

Css в любом случае неэффективен, он построен на предположении, что компьютеры все равно достаточно быстры (что является правдой для CSS), поэтому не беспокойтесь о том, что ваш CSS эффективен.

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

Answer 2

Не используйте универсальный селектор для сброса CSS. Я научился этому нелегко, но довольно сложно заставить кнопки, элементы ввода и тому подобное выглядеть нормально / нативно, когда вы это делаете.

На самом деле, это не так уж невозможно, просто невозможно.

Вам гораздо лучше использовать сброс CSS, сделанный кем-то, кто, кажется, знает, что делает: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ (то есть это один из наиболее широко используемых сценариев сброса CSS там)

Answer 3

Я обнаружил базовый CSS, который можно использовать для замены CSS сброса.Базовый CSS, если сделать все браузеры одинаковыми, а не просто удалить все стили, которые вам нужно будет вернуть позже.

Объяснение здесь: http://blog.teamtreehouse.com/setting-rather-than-resetting-default-styling

База CSS здесь: http://tjkdesign.com/ez-css/css/base.css

Это похоже на использование Normalize.css Николаса Галлахера, но более простое и удобное в использовании

Answer 4

Цитата Эрика Мейерса о его Сбросе таблицы стилей .

Здесь важно то, что дело не в том, что «каждый должен использовать эти стили вопределенный путь без изменений ».Я также не говорю, что каждый должен использовать их, иначе они будут брошены во тьму.Помните, что раньше я назвал это «моим взглядом на тему стилей сброса» (выделение добавлено).Ваш дубль может быть тонким или сильно отличаться.Думайте об этом как о начальной точке для создания ваших собственных настроек по умолчанию, в дополнение к способу осветить природу настроек браузера по умолчанию.Просто принятие во внимание этих значений по умолчанию и внимательное их рассмотрение ставит вас на 99% больше, чем ваши сверстники.Я думаю, что стили сброса весьма полезны;в противном случае я бы не писал о них здесь, и уж точно не в той степени, в которой я это написал.Я надеюсь, что люди будут использовать их в качестве стартовой площадки для своих собственных перезагрузок и для более глубокого осмысления стилей и браузеров.

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

Answer 5

"который в любом случае будет перезаписан классом или идентификатором"

Это намерение. Сброс «обнуляет» все стили, поэтому вы можете объявить все самостоятельно, переопределив их.

Что касается вашего другого вопроса, да, я бы склонен согласиться. Универсальный селектор должен быть всем, что вам нужно, и поместить все ваши «обнуленные» стили в него, если вы собираетесь сделать довольно простой сброс.

Сброс Эрика Мейера не слишком велик:

http://meyerweb.com/eric/tools/css/reset/

Answer 6

Используйте Normalize.css Николаса Галлахера - http://necolas.github.com/normalize.css/

Answer 7

Конечно, производительность универсального селектора не лучше, чем у других множественных селекторов. Вы можете проверить это здесь и прочитать об этом здесь .

Тем не менее, я думаю, что производительность CSS не является большой проблемой, если вы имеете дело с исключительно огромной дом.