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