Урок 10. Введение в CSS и подключение стилей

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

⚡ Кратко

CSS управляет внешним видом HTML: цветами, шрифтами, отступами, рамками и расположением. В рабочем проекте стили обычно выносят в отдельный файл и подключают через <link rel="stylesheet">.

О чём этот урок

CSS управляет внешним видом HTML: цветами, шрифтами, отступами, рамками и расположением. В рабочем проекте стили обычно выносят в отдельный файл и подключают через <link rel="stylesheet">.

HTML отвечает за смысл и структуру страницы, а CSS отвечает за оформление. Если HTML — это скелет, то CSS — одежда и стиль: меняя оформление, вы преображаете страницу, не трогая саму разметку.

В уроке разберём анатомию правила селектор { свойство: значение; } и три способа подключить стили: inline, внутренний <style> и внешний файл.

Результат после урока

  • Вы объясняете основную идею темы своими словами.
  • Пишете рабочий HTML/CSS-фрагмент без копирования вслепую.
  • Понимаете типичные ошибки и умеете их проверить в браузере.

Практика

  • Создайте index.html и style.css в одной папке.
  • Подключите style.css через тег <link> в <head>.
  • Задайте странице светлый фон, основной цвет текста и семейство шрифта.

Навигация