Почему не стоит использовать сброс стилей (reset.css, обнуление стилей CSS)

[Get-Web]

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

Для просмотра ссылки Войди или Зарегистрируйся

 

[Unaop]

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

 

[Get-Web]

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

И я считаю это очень хорошим решением, следующее видео как раз будет про normalize

 

[DenBandos]

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

Для просмотра ссылки Войди или Зарегистрируйся

Добрый день, используйте Normalize.css. А лучше скачайте и сделайте свой, возьмите стили, которые необходимы из reset.css. Как показывается моя практика, в основном нужно убрать margin и padding у заголовков H1 и P параграфах. Остальное в Normalize.css есть.

 

[iStark]

Ролик не доступен, а вообще как писали выше лучше использовать normalize либо прямо в css файле
*{
padding: 0px;
margin: 0px;
}

 

[x51xxx]

Соглашусь, что голый reset.css — это устаревший подход. Но важно понимать разницу между инструментами:

**reset.css** — агрессивно убирает ВСЕ стили браузера, включая полезные (например, отступы у списков, жирность у заголовков). После него нужно прописывать всё с нуля. Это избыточно.

**normalize.css** — сохраняет полезные дефолты браузера, но выравнивает различия между браузерами. Намного разумнее.

**modern-normalize** — облегчённая современная версия normalize.css, весит меньше и актуальна для современных браузеров.

В 2024–2025 году оптимальный подход — вообще не подключать отдельные библиотеки, а прописать в начале своего CSS минимальный базис:

```css
*, *::before, *::after {
box-sizing: border-box;
}

body {
margin: 0;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}

input, button, textarea, select {
font: inherit;
}
```

Этого достаточно для 95% проектов. normalize.css стоит подключать только если нужна поддержка IE или очень старых браузеров.