Практика на основні CSS властивості

Закріпимо роботу з основними CSS властивостями: кольори, розміри, шрифти, вирівнювання та оформлення тексту.

Скопіюйте наступний HTML код собі на сторінку та додайте до нього CSS стилі.

<h1>Языки для сайтов</h1>

<h2>PHP и JavaScript</h2>
<p>
  Языки программирования <b>PHP</b>
  и <b>JavaScript</b> позволяют
  сделать сайт динамичным.
</p>

<h2>Виды скриптов</h2>

<p>
  Для этого пишутся скрипты (англ. <i>script</i> - "сценарий").
</p>

<ul>
  <li>
    Скрипты, которые выполняются на сервере.
    Это PHP.
  </li>

  <li>
    Скрипты, которые выполняются в браузере.
    Это JavaScript.
  </li>
</ul>

📌 Завдання:

Додайте до цього коду CSS стилі, щоб отримати потрібний результат.
Оформіть заголовки, абзаци, списки та виділений текст.

💡 Показати підказку

Спробуйте використати властивості, які ви вже вивчили: color, font-size, font-family, font-weight, font-style, text-align, text-decoration, text-indent.

✅ Показати відповідь

h1 {
  color: blue;
  text-align: center;
}

h2 {
  color: green;
  font-style: italic;
}

p {
  width: 400px;
  font-size: 18px;
  line-height: 1.5;
  text-align: justify;
}

b {
  color: red;
  font-weight: bold;
}

i {
  color: purple;
}

ul {
  font-size: 18px;
}