Вбудовані стилі CSS

Вбудовані стилі (inline styles) задаються тегам прямо в атрибуті style.

Їх неможливо масштабувати, складно перевизначати та використовувати повторно, тому вони застосовуються в дуже поодиноких випадках. Наприклад, для динамічних стилів, які встановлюються під час виконання JavaScript-коду, коли ми заздалегідь не знаємо, яке буде значення властивості.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>CSS is amazing!</title>
</head>
<body>
<p style="color: tomato;">Цей текст буде червоним.</p>
</body>
</html>