Каскадность

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

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

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

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

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

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

Задание

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

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

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


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.