Каскадность
Мы уже знаем, что CSS переводится как «Каскадные таблицы стилей». С таблицей стилей к этому моменту всё ясно, но что значит каскадные? Дело в том, что указать стили для элемента можно не только в одном месте.
Например, вот такой блок:
<p class="card" style="background-color: #9c27b0;"></p>
будет использовать стили сразу из трёх источников:
- Стили браузера по умолчанию (у тега
p
по умолчанию есть отступы). - Стили, указанные у класса
card
. - Стили, указанные в атрибуте
style
.
В данном случае браузер будет брать стили не из одного источника, а скомбинирует из всёх трёх сразу. Получится «каскад» стилей, отсюда и название Каскадные таблицы стилей.
Задание
Добавьте в редактор p
с классом cascade
и установите следующие правила:
- Для класса
cascade
установите размер шрифта 25 пикселей. - Для тега
p
установите внутренний отступ в 15 пикселей со всех сторон.
Обратите внимание, как стили применятся одновременно.
Упражнение доступно только авторизованным пользователям.
Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.