class - это атрибут HTML-тегов, который позволяет как бы объединить несколько разных тегов в группу. Это позволяет потом легко найти все эти элементы по имени класса, а так же прописать стили для таких классов. Вот пример объявления стилей CSS для конкретного класса:

<style>
  .blue-text {
    color: blue;
  }
</style> 

<h2 class="blue-text">CatPhotoApp</h2>

[class=className]{
  /* styles */
}

Напомню, что ранее мы уже использовали другую короткую запись, используя знак # перед id элемента. Явная же запись выглядела бы так:

[id=idName]{
    /* styles */
  }

Внутри элемента style измените селектор h2 на .red-text и обновите значение цвета с blue на red . Задайте вашему элементу h2 атрибут class со значением 'red-text' .

Размер шрифта контролируется свойством CSS font-size , например:

h1 {
  font-size: 30px;
} 

Внутри тега <style>, который уже содержит класс red-text, создайте правило для p элементов и установите font-size 16 пикселей ( 16px ).

Классы позволяют использовать одни и те же стили CSS для нескольких элементов HTML. Вы можете увидеть это, применив свой класс red-text к первому элементу p .

class - это атрибут HTML-тегов, который позволяет как бы объединить несколько разных тегов в группу. Это позволяет потом легко найти все эти элементы по имени класса, а так же прописать стили для таких классов. Вот пример объявления стилей CSS для конкретного класса:

<style>
  .blue-text {
    color: blue;
  }
</style> 

<h2 class="blue-text">CatPhotoApp</h2>

[class=className]{
  /* styles */
}

Напомню, что ранее мы уже использовали другую короткую запись, используя знак # перед id элемента. Явная же запись выглядела бы так:

[id=idName]{
    /* styles */
  }

Внутри элемента style измените селектор h2 на .red-text и обновите значение цвета с blue на red . Задайте вашему элементу h2 атрибут class со значением 'red-text' .