Классы

Основным решением для стилизации конкретного участка страницы — использование классов. Они помогают задать нужный нам стиль не разом для всех элементов на странице, а только для того участка, где это необходимо.

Чтобы задать стиль для класса в CSS используется конструкция .название-класса. Обратите внимание на точку — именно так браузер понимает, что данный стиль используется для класса.

// HTML
<p class="paragraph">Текст нашего параграфа. Именно с помощью класса paragraph в CSS будут устанавливаться свойства для этого блока текста</p>
/* CSS */
.paragraph {
  color: #333333
  /* Правило color устанавливает цвет текста. В данном случае это серый цвет со значением #333333 */
}

Так как одних и тех же классов на странице может быть много, то это правило сработает для всех элементов, у которых стоит класс paragraph.

Задание

В редакторе добавьте параграф с классом news и укажите для него цвет текста #553333. Стили подключите с помощью тега style.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.