При использовании стилей в CSS часто затрагивается не только тот элемент, для которого указаны стили, но и вложенные в него теги. Такие стили называются наследуемые. Стиль font-size из прошлого урока является наследуемым — он применится ко всем вложенным тегам.
<div style="font-size: 20px;">
Размер шрифта, которым написан этот текст — 20 пикселей.
<p>Вложенный параграф также будет иметь размер шрифта 20 пикселей.</p>
</div>
Вложенный параграф также будет иметь размер шрифта 20 пикселей.
Помимо стилей, которые наследуются для всех вложенных тегов, в CSS есть множество стилей, которые уникальны для того элемента, к которому их применили.
Одним из таких свойств является border, позволяющий установить рамку вокруг элемента. Но эта же рамка не будет копироваться для каждого внутреннего элемента.
<div style="border: 2px solid #000;">
У блока появится рамка шириной 2 пикселя
<p>А у параграфа своей рамки не будет. При необходимости она устанавливается отдельно</p>
<p style="border: 1px solid #000;">Например, вот так</p>
</div>
А у параграфа своей рамки не будет. При необходимости она устанавливается отдельно
Например, вот так
Добавьте в редактор тег <div></div> и, используя атрибуты, установите размер шрифта в 20 пикселей. Внутри тега <div> вложите параграф с размером шрифта 10 пикселей
Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.
В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.
Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.
Наследуемые свойства — свойства, которые устанавливаются не только для элемента, но и для всех элементов внутри него, включая вложенные