Как добавить css в html — 3 способа вставки

Способов добавления стилей несколько и у всех есть свои плюсы и минусы.

Способ 1 — вставка на страницу между тегами <style></style> в файле html

Обратите внимание css код вставлен в html документ между тегами <style>. В данный момент мы обратились к селектору h1 и попросили покрасить наш текст красным.

Способ 2 (Не рекомендую) — Вставка стилей прямо в тег | Инлайновые стили в html

Тут код css вставлен прямо в тег h1, этот способ крайне не рекомендую.

Способ 3 (Рекомендую) — Вставка стилей из отдельного файла style.css

В тестовом редакторе создаем файл style.css. на самом деле его можно назвать как вам угодно главное чтобы на конце было .css

Следующим шагом пишем знакомые нам стили.

Теперь нам нужно эти стили подключить к html файлу. Для этого переходим в наш index.html и добавляем строчку, в href как раз указан путь к файлу.

Все работает!