Теория
Теория

CSS-правила

Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

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

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

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

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

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

h1 {
  /* стили для заголовков */
}

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS-правила</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>1. Заголовки</h1> <p>Заголовки являются одним из важнейших инструментов для структурирования текста.</p> <h2>1.1 Рекомендации по использованию заголовков и подзаголовков</h2> <p>Вот некоторые рекомендации по использованию заголовков в HTML-странице.</p> <h3>1.1.1 Использование заголовка h1</h3> <p>Если в разметке не используются теги <section> или <article>, то не рекомендуется, чтобы на одной странице содержалось несколько заголовков верхнего уровня. Внутри тегов <section> и <article> может быть своя иерархия заголовков.</p> <h3>1.1.2 Использование подзаголовков (h2-h6)</h3> <p>При использовании подзаголовков не рекомендуется пропускать уровни заголовков, то есть после заголовка h1 должен идти подзаголовок h2 и только потом подзаголовок h3.</p> </body> </html>

CSS

ЗадачиВыполнено

Создайте CSS-правило для абзацев со свойством color: #999999;,
CSS-правило для заголовков 1 уровня со свойством font-family: "Tahoma", sans-serif;,
CSS-правило для заголовков 2 уровня со свойством color: #0088cc;.

CSS-правила

Вход

Регистрация

Восстановление доступа

Крутим, кодим, празднуем!