Путаница по поводу * {margin: 0;обивка: 0;}

Question

В некоторых статьях, которые я читал, использование * {margin:0; padding:0;} не рекомендуется, так как это может повлиять на производительность веб-сайта.Поэтому я обратился к таблице стилей reset.css.

Но мне интересно, как это влияет на производительность?

Answer 1

Причина этого обсуждалась в этом сообщении Эрика Мейера.

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

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

Answer 2

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

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

h1,ul { <br>margin:0;
padding:0;<br />}

Answer 3

body {padding:0;margin:0;} 

Это влияет на отображение веб-страницы, потому что без его использования мы должны

margin-left:-7px;
margin-top:-7px;

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

Answer 4

Использование *{margin:0;padding:0;} в вашем stylesheet не повлияет на производительность и поможет при решении различных проблем форматирования.

Использование отдельного reset.css действительно имеет некоторые проблемы с производительностью, так как вы заставляете пользователязапросил еще один файл с сервера.По большому счету, несколько килобайт на высокоскоростной линии - ничто.Но другого файла для кого-то в мобильном браузере может быть слишком много.

Answer 5

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