Знакомство с CSS / CSS-правила [2/15]
×

CSS-правила [2/15]

Весь CSS-код состоит из повторяющихся блоков следующего вида:

селектор {
  свойство1: значение;
  свойство2: значение;
}

Такой блок называется «CSS-правило». Каждое CSS-правило содержит хотя бы один селектор и свойство.

Простейшие селекторы — это селекторы по именам тегов. С их помощью можно задать стили для всех абзацев на странице, для всех ссылок, заголовков первого уровня и так далее. Такие селекторы содержат имя тега без символов < и >. Например:

p {
  /* стили для абзацев */
}

h1 {
  /* стили для заголовков */
}
Хотите получать макеты для тренировки? Подписывайтесь на полезную рассылку!

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS-правила</title> </head> <body> <h1>1. Заголовки</h1> <p>Заголовки являются одним из важнейших инструментов для структурирования текста.</p> <h2>1.1 Рекомендации по использованию заголовков и подзаголовков</h2> <p>Вот некоторые рекомендации по использованию заголовков в HTML-странице.</p> <h3>1.1.1 Использование заголовка h1</h3> <p>Если в разметке не используются теги &lt;section&gt; или &lt;article&gt;, то не рекомендуется, чтобы на одной странице содержалось несколько заголовков верхнего уровня. Внутри тегов &lt;section&gt; и &lt;article&gt; может быть своя иерархия заголовков.</p> <h3>1.1.2 Использование подзаголовков (h2-h6)</h3> <p>При использовании подзаголовков не рекомендуется пропускать уровни заголовков, то есть после заголовка h1 должен идти подзаголовок h2 и только потом подзаголовок h3.</p> </body> </html>
CSS
HTML Academy
  1. Создайте CSS-правило для абзацев со свойством color: #999999;,
  2. CSS-правило для заголовков 1 уровня со свойством font-family: Tahoma;,
  3. CSS-правило для заголовков 2 уровня со свойством color: #0088cc;.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.