5. Обнуляющие стили в CSS. Сброс стилей, нормализация, reset, normalize. Стили браузера по умолчанию
✏️ Поговорим про стили браузера по умолчанию и о способах “обнуления” и нормализации стилей, и, самое интересное — напишем собственную современную “нормализацию”.
🔴 Timeline:
▶ 00:00 | План урока
▶ 00:23 | Браузерные стили по умолчанию
▶ 00:46 | Стили по умолчанию в Chome и Safari
▶ 01:01 | Обнуление стилей через универсальный селектор (*)
▶ 01:35 | Обнуление стилей через reset
▶ 01:58 | Нормализация стилей
▶ 02:46 | Нормализация блочной модели
▶ 03:46 | Что использовать — reset или normalize?
▶ 04:22 | Собственная нормализация стилей
▶ 08:15 | Как работает наша нормализация стилей
▶ 09:38 | Где взять код нормализации стилей
▶ 10:13 | Что дальше
📚 Полезные ссылки:
➖ Современный справочник по CSS: https://doka.guide/css/
➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox: https://developer.mozilla.org/ru/
➖ Reset от Эрика Мейера: https://meyerweb.com/eric/tools/css/r...
➖ Normalize.css: https://necolas.github.io/normalize.css/
➖ Моя версия нормализации стилей (файл): https://raw.githubusercontent.com/ale...
➖ Моя версия нормализации стилей (NPM-пакет): https://www.npmjs.com/package/@a1rth/...
💬 Чат в телеграмме (помощь новичкам):
https://t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
https://boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness (HTML, CSS)
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTML, БЭМ, SCSS)
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 | Что должен уч...
📌 Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/friendlyFrontend
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Solvery: https://solvery.io/mentor/aleksanderl...
#frontend #фронтенд #css
