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