Урок 10. Домашнее задание: Введение в CSS и подключение стилей

📁 Раздел: Основы CSS ⏱️ Время изучения: ~35 мин 🎯 Сложность: Начальная
#link #body

⚡ Кратко

Домашняя работа должна дать один законченный HTML/CSS-фрагмент, который можно открыть в браузере.

Что сделать

  1. Соберите страницу-визитку из заголовка, двух абзацев и списка навыков.
  2. Подключите отдельный style.css.
  3. Оформите фон страницы, цвет заголовка, ширину основного блока и внутренние отступы.
  4. В конце добавьте комментарий в CSS: какие свойства отвечают за общий вид страницы.

Ориентир по результату

Готовая визитка может выглядеть так — оформленный блок на светлом фоне с подписью навыков:

Анна Петрова

Начинающий веб-разработчик.

Учусь верстать аккуратные страницы.

  • HTML
  • CSS
/* style.css */
body { background: #f4f7fb; font-family: sans-serif; }
.card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  max-width: 320px;
}
.card h3 { color: #0f766e; }
Опирайтесь на раздел Теория (анатомия правила и три способа подключения) и Примеры (связка HTML + внешний CSS).

Критерии сдачи

  • Файлы открываются локально без ошибок пути.
  • Код отформатирован и читается без горизонтальной прокрутки в редакторе.
  • Видимый результат соответствует теме урока.