Встроенный CSS
Встроенный стиль можно использовать для применения уникального стиля к одному HTML-элементу.
Чтобы использовать встроенный CSS, добавьте атрибут style к нужному элементу. Атрибут style может содержать любое CSS-свойство.
Совет: встроенный стиль теряет многие преимущества таблицы стилей (где вы определяете стиль один раз и применяете его к нескольким элементам). Хорошо подумайте, прежде чем использовать этот метод.
Пример
Здесь мы используем встроенный CSS, чтобы задать цвет текста заголовка.
Prompt
HTML-страница, использующая встроенный CSS через атрибут style на отдельных элементах.
Сделайте
<h1> синим и по центру с помощью его атрибута style, а <p> — красным с помощью его атрибута style. Без блока <style> и без внешнего файла.
Output: полная HTML-страница
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1 style="color:blue;text-align:center;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
</body>
</html>