# Тег style

Тег `style` позволяет писать CSS прямо внутри HTML страницы. Учтите, что внутри тега `style` мы пишем, соблюдая синтаксис языка CSS (селекторы, фигурные скобки и так далее).

Данный тег должен размещаться внутри тега `head`, однако это не обязательно - тег `style` можно разместить и внутри тега `body` и это будет работать.

Не следует злоупотреблять тегом `style` - вместо него чаще всего следует использовать отдельный CSS файл.

## Пример

Давайте запишем CSS внутри HTML кода с помощью тега `style`:

`<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Это заголовок тайтл</title> <style> p { color: red; } </style> </head> <body> <h1>Это заголовок стандартного (черного) цвета.</h1> <p>Это абзац красного цвета.</p> </body> </html>`

## Смотрите также

- тег `link`, который подключает CSS Файлы
- атрибут `style`, который задает стили конкретному тегу

← →
↑