CSS по умолчанию: почему браузер стилизует HTML без единой строчки CSS?
Александр Петрищев
0:00 / 0:00
CSS по умолчанию: почему браузер стилизует HTML без единой строчки CSS?
37 просмотров · 6 дней назад
Александр Петрищев
56 подписчиков
37 просмотров · 6 дней назад
Почему страница выглядит стилизованной, даже если вы не написали ни строчки CSS? В этом уроке разбираем, откуда берутся встроенные стили браузера, как на самом деле работает модель элемента (margin, padding, border) и зачем нужен box-sizing: border-box.
Это сокращённая версия урока. Полная версия (с разбором CSS Reset, Normalize.css и сравнением подходов) доступна на Boosty и Patreon.
Таймкоды:
0:00 Вступление
0:39 Тема урока: CSS по умолчанию
0:54 Что такое стили браузера по умолчанию
1:22 Создаём тестовую HTML-страницу
2:34 Как браузер стилизует HTML без единой строчки CSS
4:47 Откуда берутся эти стили?
5:37 Инструменты разработчика: User Agent Style Sheet
6:52 Margin и Padding по умолчанию у разных элементов
9:20 Зачем нужен сброс стилей
9:41 Знакомство с box-sizing: border-box
10:04 Подключаем style.css, обнуляем margin и padding
11:32 Что дальше? Полная версия на Boosty и Patreon
Полная версия урока (Reset, Normalize, сравнение подходов, практическое задание) на Boosty и Patreon.
Ссылки на Boosty, Patreon, YouTube, LinkedIn, личный Telegram и Telegram-канал GoCoding показаны на слайде с QR-кодами в конце видео, с 11:32.
#css #вебразработка #frontend #cssreset #дляначинающих