Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 5 из 53 · 9 мин
Какие свойства передаются детям, и ключевые слова inherit, initial, unset, revert, all.
Шрифт и цвет текста — один на весь сайт.
Задай их на body — дети унаследуют. Цвет и шрифт наследуются, а рамки и отступы — нет.
color, font-*, line-height) наследуются потомками; блочные (margin, border, width) — нет.body — он везде.<style>
body { color: #6b3e26; font-family: sans-serif; }
</style>
<p>Абзац наследует цвет</p><ul><li>И пункт списка</li></ul>inherit<style>
p { color: crimson; }
a { color: inherit; }
</style>
<p>Текст и <a href="#">ссылка того же цвета</a></p>initialcolor: initial даст чёрный.<style>
p { color: crimson; }
em { color: initial; }
</style>
<p>Красный, а <em>это по умолчанию</em></p>unsetinherit, для остальных — initial.<style>
p { color: crimson; }
em { color: unset; }
</style>
<p>Красный и <em>тоже красный (унаследован)</em></p>revert<style>
a { color: crimson; text-decoration: none; }
.native { color: revert; text-decoration: revert; }
</style>
<a href="#">наша</a> и <a class="native" href="#">как в браузере</a>allall: unset сбрасывает сразу все свойства элемента.<style>
button.clean { all: unset; cursor: pointer; color: #6b3e26; }
</style>
<button>Обычная</button> <button class="clean">Без стилей браузера</button>Шрифт, цвет текста и межстрочный интервал задавай один раз на body.
Задай на body шрифт sans-serif и цвет #3b2a1e, а ссылкам — цвет inherit.
body — пока нетbody — пока нетВыберите все подходящие варианты.
Какие свойства наследуются по умолчанию?
Введите короткий ответ без лишних пробелов.
Какое ключевое слово заставит ссылку взять цвет у родителя? Одно слово.
Проверяем состояние обучения…