CSS keywords: inherit, initial, unset, revert, all - Детальный разбор с примерами
В данном видео мы с Вами рассмотрим ключевые слова inherit, initial, unset, revert. all - не является ключевым словом, это свойство, но оно используется именно с этими ключевыми словами.
Разберемся откуда берутся стили для тех или иных тегов в нашем браузере. Для этого заглянем в спецификацию.
Ключевое слово inherit означает, что необходимо наследовать значение свойства у родительского элемента. Но ведь есть свойства, которые и так наследуемые? Да! Все верно. Этот вариант мы тоже рассмотрим.
Ключевое слово initial означает, что необходимо установить начальное значение, которые мы видели в спецификации. Почему это может приводить к ошибкам?
Ключевое слово unset будет равно inherit, если свойство наследуется от родителя, в противном случае будет равно initial. Это комбо вариант, которые иногда может быть полезен.
Ключевое слово revert сбрасывает стили свойства к исходному стилю пользовательского агента, то есть к стилям браузера. Это как раз то, что нам надо в большинстве случаев. Но с ним тоже есть ньюансы.
Напоследок взглянем на свойство all, которое сбрасывает все значения свойств в исходные или наследуемые, за исключением свойств direction и unicode-bidi.
0:00 Откуда берутся стили для тегов?
1:43 Inherit
4:18 Initial
5:54 Unset
6:56 Revert
7:50 All - универсальное свойство
#css #html #web #webdevelopment #frontend #htmlcss #html5 #htmltutorial #htmlelements #css3 #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects
#webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #javascript #vue #react #angular #svelte #vanillajs #js #animation #cssawesome #learncss #course #programming #crash_course
Подписывайтесь на меня в соц. сетях:
👨💻 LinkedIn - / maksymfariga
📷 Instagram - / maksym_fariga (@maksym_fariga)
📖 Facebook - / maksymfariga
🐤 Twitter - / fariga_m
🛩 Telegram - https://t.me/web_education_new
🥅 Не знаете, что такое пиксель или почему он не тот, за кого себя выдает? 👉 • А px, то не настоящий! PPI и DPI, DP... ✍️
🪃 Не знаете какие есть единицы для задания углов или когда и какие применять? 👉 • CSS Units: Deg, Rad, Grad, Turn . ✍️
📏 Абсолютные единицы измерения в CSS? 👉 • Нужны ли они нам? Абсолютные единицы ... . ✍️
📐 Относительные единицы измерения ex, ch, ic, lh 👉 • Зачем они были добавлены? CSS Units: ... ✍️
🔍 Не знаете что выбрать REM или EM 👉 • Вы точно не знаете зачем мы используе... ✍️
💻 Все про viewport, vh, vw, vmin, vmax 👉 • 😏 CSS Viewport Units: vw, vh, vmin, v... ✍️
