CSS функции min, max и clamp с примерами использования
CSS функции min, max и clamp могут быть использованы везде где указываются числовые значения в CSS. Это размеры, отступы, радиус, позиционирование. Данные функции имеют хорошую поддержку: min и max по 98%, clamp - 95% по Can I Use. В этом видео рассмотрим как пользоваться данными функциями и будут показаны наглядные примеры их использования в HTML верстке сайтов. В видео использованы примеры из статьи
Ролик про clamp в font-size:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
Тайм коды:
00:00 Медиазапросы больше не нужны
01:00 Бесплатный курс по верстке
01:11 CSS функция min()
03:03 CSS функция max()
03:59 CSS функция clamp()
05:43 clamp для font-size
06:53 Пример использования. Отступы в тексте
07:37 Пример использования. Ширина контейнера
08:03 Пример использования. Ширина сайдбара
08:28 Пример использования. border, radius, shadow
09:42 Пример использования. Отступ gap внутри сетки grid
10:09 Пример использования. Отступы внутри секции
10:45 Авторский курс по верстке
11:22 Завершение
Сайт:
Вконтакте:
Telegram канал:
#HTML #CSS #верстка #WebCademy #ВебКадеми #html5 #css3 #вёрстка #min #max #функция #clamp
605 views
5
1
2 months ago 00:11:53 1
Переключение тем на JavaScript | color-scheme | prefers-color-scheme | localStorage | JS | CSS
2 months ago 00:08:48 5
Изучение CSS - #1 - Введение
2 months ago 00:39:14 7
Наследование в TypeScript. Полное руководство по наследованию классов в TS
3 months ago 06:55:31 1
JavaScript c Нуля - Курс для начинающих с практикой БЕЗ ВОДЫ
3 months ago 02:08:53 1
JavaScript ES6 - Полный курс за 2 часа
3 months ago 05:47:27 1
JavaScript Основы для Начинающих - Полный Курс за 6 часов
3 months ago 00:19:02 1
❌ Медиа-запросы не нужны, если CSS писать так
3 months ago 00:20:24 1
Mastering Numbers & Math Functions 🚀 | JavaScript Journey | In Hindi | Death Code
3 months ago 11:57:22 1
Полный курс JavaScript 2023 — от новичка до профессионала / машинный перевод яндекса
3 months ago 10:58:57 6
Полный курс по JavaScript — от новичка до профессионала (2024), Часть 1 из 2