Тег 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>