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

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

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

См. также тег link и атрибут 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>

Посмотреть пример.