Каскадность

Мы уже знаем, что CSS переводится как «Каскадные таблицы стилей». С таблицей стилей к этому моменту всё ясно, но что значит каскадные? Дело в том, что указать стили для элемента можно не только в одном месте.

Например, вот такой блок:

<p class="card" style="background-color: #9c27b0;"></p>

будет использовать стили сразу из трёх источников:

1. Стили браузера по умолчанию (у тега p по умолчанию есть отступы).
2. Стили, указанные у класса card.
3. Стили, указанные в атрибуте style.

В данном случае браузер не будет брать стили только из одного источника, а скомбинирует из всёх трёх сразу. Получится «каскад» стилей, отсюда и название Каскадные таблицы стилей.

Задание

Добавьте в редактор p с классом cascade и установите следующие правила:

• Для класса cascade установите размер шрифта 25 пикселей.
• Для тега p установите внутренний отступ в 15 пикселей со всех сторон.

Обратите внимание, как стили применятся одновременно.