, чтобы сохранить свой прогресс
Используйте селекторы CSS для изменения стилизации элементов
CSS
расшифровывается как Cascading Style Sheets
, то есть Каскадные таблицы стилей
.
В CSS есть сотни свойств, которые вы можете использовать, чтобы изменить стили отображения элементов на вашей странице. Когда вы указали
<h2 style="color: red;">CatPhotoApp</h2>
, вы задали стиль конкретному элементу h2
, используя inline CSS
. Это один из способов указать стиль элемента, но есть лучше способы применить CSS
. В верхней части кода создайте блок style
следующим образом: <style>
</style>
Внутри этого блока style
вы можете создать стили для отдельных элементов, используя CSS-селекторы (правила поиска элементов в документе). Например, если вы хотите, чтобы все элементы h2
были красными, вы можете добавить правило CSS, которое выглядит так: <style>
h2 {
color: red;
}
</style>
Обратите внимание, что важно иметь как открывающиеся, так и закрывающие фигурные скобки ( {
и }
) вокруг правила CSS каждого селектора. Вы также должны убедиться, что правила CSS вашего селектора находится между открывающей и закрывающей фигурной скобкой. Наконец, обязательно добавьте точку с запятой в конец каждого из правил CSS вашего селектора.Удалите атрибут стиля элемента h2
и вместо этого создайте блок style
CSS. Добавьте необходимые правила CSS, чтобы все элементы h2
стали синими (blue).
/**
* Your test output will go here.
*/