Вбудовані стилі 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>