Это не просто разбор кода — это анатомия CSS, которая поможет вам стать экспертом. Мы покажем, как разбирать самые непонятные поведения, опираясь на спецификации, и как применять эти знания в реальной разработке. Мы шаг за шагом: – Расскажем, как браузер интерпретирует CSS. – Покажем, как работает containing block и почему его важно понимать. – Объясним концепции static position containing block и shrink-to-fit. Читайте спецификации, чтобы вывести свои навыки на новый уровень. Добро пожаловать в рубрику «CSS Боль» 00:00 – Почему вёрстка — это вызов даже для опытных разработчиков? 00:29 – Как мы будем разбирать сложные компоненты. Разбор первого компонента — резиновое оглавление 01:15 – Простое на первый взгляд, но сложное внутри. 02:04 – Прозрачный фон, независимая ширина и перенос строк. 03:21 – Реализация компонента. Абсолютное позиционирование: основные принципы 10:00 – Как работает containing block? 13:40 – Координаты: top, right, bottom, left и их значение auto. Static position containing block — что это и зачем? 16:18 – Как браузер использует воображаемый контейнер. 18:24 – Концепция shrink-to-fit: когда размеры подстраиваются под контент. Почему важно читать спецификации 07:38 – Как спецификации помогают понимать сложное поведение элементов. 25:38 – Как изучение CSS-алгоритмов укрепляет профессиональные навыки. https://vkvideo.ru/video-38306835_456239575
Информационные технологии. ИТ образование
CSS Боль | Абсолютное позиционирование
Это не просто разбор кода — это анатомия CSS, которая поможет вам стать экспертом. Мы покажем, как разбирать самые непонятные поведения, опираясь на спецификации, и как применять эти знания в реальной разработке.
Мы шаг за шагом:
– Расскажем, как браузер интерпретирует CSS.
– Покажем, как работает containing block и почему его важно понимать.
– Объясним концепции static position containing block и shrink-to-fit.
Читайте спецификации, чтобы вывести свои навыки на новый уровень.
Добро пожаловать в рубрику «CSS Боль»
00:00 – Почему вёрстка — это вызов даже для опытных разработчиков?
00:29 – Как мы будем разбирать сложные компоненты.
Разбор первого компонента — резиновое оглавление
01:15 – Простое на первый взгляд, но сложное внутри.
02:04 – Прозрачный фон, независимая ширина и перенос строк.
03:21 – Реализация компонента.
Абсолютное позиционирование: основные принципы
10:00 – Как работает containing block?
13:40 – Координаты: top, right, bottom, left и их значение auto.
Static position containing block — что это и зачем?
16:18 – Как браузер использует воображаемый контейнер.
18:24 – Концепция shrink-to-fit: когда размеры подстраиваются под контент.
Почему важно читать спецификации
07:38 – Как спецификации помогают понимать сложное поведение элементов.
25:38 – Как изучение CSS-алгоритмов укрепляет профессиональные навыки. https://vkvideo.ru/video-38306835_456239575