Use CSS Selectors to Style Elements

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).