Нужен ли глобальный сброс всех настроек браузера?

@vlad-55 · Регистрация: 21.02.2009

Студворк — интернет-сервис помощи студентам

Иногда в начале CSS настроек присутствует общий сброс типа

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
vertical-align: inherit; 
background: transparent;  
font:15px Arial,sans-serif; 
}

А какой в этом смысл?

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

BuPy7 · 18.01.2014, 17:36

vlad-55, ну...некоторые свойства не наследуются, а, например, очень хочется. Из всех свойств указанных выше наследуется только font. Вот собственно и всё.

@fol · 18.01.2014, 18:08

зачастую можно встретить такое правило:

CSS
1
*{margin: 0; padding: 0;}

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

@Academik · 18.01.2014, 18:46

Сообщение от fol

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

Ага, а потом по-новой назначаешь отступы абзацам, спискам и т.д.

Сообщение от vlad-55

А какой в этом смысл?

Я вообще не вижу в этом никакого смысла. За 5 лет глобальный сброс мне не понадобился.

@vlad-55 · 18.01.2014, 18:58 **[ТС]**

Сообщение от 35cm

За 5 лет глобальный сброс мне не понадобился.

Можете Вы првести предустановки и сбросы, которые Вы делаете при каждой верстке?

@Academik · 18.01.2014, 21:32

Тут наверно всё индивидуально, всё зависит от техники.
Вот всё, что я сбрасываю по умолчанию:

CSS
1
2
body{margin: 0; padding: 0;}
ul, ul li{margin: 0; padding: 0; list-style-type: none;}

Многое ещё зависит от стандарта, в котором вы верстаете. Доктайп использую такой:

HTML5
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

@заряжайка · 18.01.2014, 21:40

В следующей строке кода указание элемента li излишне:

HTML5
1
ul, ul li{margin: 0; padding: 0; list-style-type: none;}

1. li просто блочный элемент, не имеющий никаких отступов - ни внешних, ни внутрненних
2. list-style-type: none; так же устанавливается для элемента ul и поэтому указание селектора типа li опять же в этой строке лишнее

@vlad-55 · 18.01.2014, 21:58 **[ТС]**

Можно ли считать оптимальным для <!DOCTYPE html> установку

CSS
1
2
body{margin: 0; padding: 0;}
ul {list-style-type: none;}

@Academik · 18.01.2014, 22:15

Сообщение от заряжайка

1. li просто блочный элемент, не имеющий никаких отступов - ни внешних, ни внутрненних
2. list-style-type: none; так же устанавливается для элемента ul и поэтому указание селектора типа li опять же в этой строке лишнее

Всё правильно говорите. Ещё разработчикам старых версих браузеров напомните этот момент.

А маркеры я убираю так как списки использую ещё и в вёрстке, поэтому не нужно брать мой код за основу. По сути обнуления отступов у <body> должно хватить.

CSS
1
2
3
4
5
6
7
8
9
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td

Большинство этих тегов вообще уже не используют, зачем вообще их тут указывать.

@ARGR · 18.01.2014, 22:18

А если требуется подменить предустановленные браузером стили и задать скажем через @print - печать фоновых картинок. Необходимо чтобы было кроссбраузерное решение!

@Academik · 18.01.2014, 22:22

Сообщение от ARGR

Необходимо чтобы было кроссбраузерное решение!

Заверстаете под IE 5.5 тогда? Кроссбраузерно ведь нужно.

@vlad-55 · 18.01.2014, 22:24 **[ТС]**

Сообщение от 35cm

А маркеры я убираю так как списки использую ещё и в вёрстке

Я тоже.

Кстати, а почему Вы не обнуляете html ?

@ARGR · 18.01.2014, 22:25

Смех - смехом, а решение пока не найдено! =(

@Academik · 18.01.2014, 22:26

Сообщение от vlad-55

Кстати, а почему Вы не обнуляете html ?

А что там обнулять? Там свойств никаких нет на сколько я помню.

@vlad-55 · 18.01.2014, 22:31 **[ТС]**

Я сколько семинаров слушал, там всегда начиналось с

CSS
1
2
3
4
html, body { 
margin: 0; 
padding: 0;  
}

@Academik · 18.01.2014, 22:38

Нет у тега <html> никаких отступов. Глупостями всякими забивают голову вам на семинарах.

Это из разряда "напишу на всякий случай".

@заряжайка · 18.01.2014, 22:55

Сообщение от vlad-55

Я сколько семинаров слушал, там всегда начиналось с

CSS
1
2
3
4
html, body { 
margin: 0; 
padding: 0;  
}

это можно сократить до

HTML5
1
body { margin : 0; }

так как body имеет только внешний отступ по умолчанию, его и надо убирать, никаких внутренних отступов у него нет, и как уже сказал 35cm html указывать не нужно, так как для него ничего не установлено по умолчанию

@Academik · 18.01.2014, 23:07

Сообщение от заряжайка

никаких внутренних отступов у него нет

Его не зря указывают. Не все браузеры полностью дружат со спецификацией (я про старые). К сожалению.

@заряжайка · 18.01.2014, 23:23

только что специально посмотрел в некоторых старых версиях FF, opera, chrome, safari (правда не такие древние как IE, но все же даже их уже не используют), в IE вплоть до 5 версии нет внутреннего отступа, только внешний

@Academik · 18.01.2014, 23:32

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

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

Новые блоги и статьи Все статьи Все блоги /
50 самых полезных примеров кода Python для частых задач py-thonny 17.06.2025 Эффективность работы разработчика часто измеряется не количеством написаных строк, а скоростью решения задач. Готовые сниппеты значительно ускоряют разработку, помогают избежать типичных ошибок и. . .	C# и продвинутые приемы работы с БД stackOverflow 17.06.2025 Каждый . NET разработчик рано или поздно сталкивается с ситуацией, когда привычные методы работы с базами данных превращаются в источник бессонных ночей. Я сам неоднократно попадал в такие ситуации,. . .	Angular: Вопросы и ответы на собеседовании Reangularity 15.06.2025 Готовишься к техническому интервью по Angular? Я собрал самые распространенные вопросы, с которыми сталкиваются разработчики на собеседованиях в этом году. От базовых концепций до продвинутых. . .	Архитектура Onion в ASP.NET Core MVC stackOverflow 15.06.2025 Что такое эта "луковая" архитектура? Термин предложил Джеффри Палермо (Jeffrey Palermo) в 2008 году, и с тех пор подход только набирал обороты. Суть проста - представьте себе лук с его. . .	Unity 4D GameUnited 13.06.2025 Четырехмерное пространство. . . Звучит как что-то из научной фантастики, правда? Однако для меня, как разработчика со стажем в игровой индустрии, четвертое измерение давно перестало быть абстракцией из. . .
SSE (Server-Sent Events) в ASP.NET Core и .NET 10 UnmanagedCoder 13.06.2025 Кажется, Microsoft снова подкинула нам интересную фичу в новой версии фреймворка. Работая с превью . NET 10, я наткнулся на нативную поддержку Server-Sent Events (SSE) в ASP. NET Core Minimal APIs. Эта. . .	С днём независимости России! Hrethgir 13.06.2025 Решил побеседовать, с утра праздничного дня, с LM о завоеваниях. То что она написала о народе, представителем которого я являюсь сам сначала возмутило меня, но дальше только смешило. Это чисто. . .	Лето вокруг. kumehtar 13.06.2025 Лето вокруг. Наполненное бурями и ураганами событий. На фоне магии Жизни, священной и вечной, неумелой рукой человека рисуется панорама душевного непокоя. Странные серые краски проникают и. . .	Популярные LM модели ориентированы на увеличение затрат ресурсов пользователями сгенерированного кода (грязь -заслуги чистоплюев). Hrethgir 12.06.2025 Вообще обратил внимание, что они генерируют код (впрочем так-же ориентированы разработчики чипов даже), чтобы пользователь их использующий уходил в тот или иной убыток. Это достаточно опытные модели,. . .	Топ10 библиотек C для квантовых вычислений bytestream 12.06.2025 Квантовые вычисления - это та область, где теория встречается с практикой на границе наших знаний о физике. Пока большая часть шума вокруг квантовых компьютеров крутится вокруг языков высокого уровня. . .

BuPy7 Нет ТЗ - давай досвидания 746 / 377 / 64 Регистрация: 01.12.2011 Сообщений: 2,250 Записей в блоге: 6
	18.01.2014, 17:36
	vlad-55, ну...некоторые свойства не наследуются, а, например, очень хочется. Из всех свойств указанных выше наследуется только font. Вот собственно и всё. 1

@ARGR 5 / 5 / 1 Регистрация: 19.05.2013 Сообщений: 452
	18.01.2014, 22:18
	А если требуется подменить предустановленные браузером стили и задать скажем через @print - печать фоновых картинок. Необходимо чтобы было кроссбраузерное решение! 0

@ARGR 5 / 5 / 1 Регистрация: 19.05.2013 Сообщений: 452
	18.01.2014, 22:25
	Смех - смехом, а решение пока не найдено! =( 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,749
	18.01.2014, 22:38
	Нет у тега <html> никаких отступов. Глупостями всякими забивают голову вам на семинарах. Это из разряда "напишу на всякий случай". 2

@заряжайка 47 / 47 / 12 Регистрация: 25.11.2013 Сообщений: 117
	18.01.2014, 23:23
	только что специально посмотрел в некоторых старых версиях FF, opera, chrome, safari (правда не такие древние как IE, но все же даже их уже не используют), в IE вплоть до 5 версии нет внутреннего отступа, только внешний 1

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,749
	18.01.2014, 23:32
	заряжайка, я уже просто на автомате обнуляю эти два свойства у body. Раньше, когда верстал за деньги на фрилансе, встречал глюки в каких-то старых браузерах. В IE по моему. Сейчас уже и не вспомню как и где это проявлялось, просто вошло в привычку уже. 1