Как добавить внутренние стили css в HTML?

Пользователь

от dayna , в категории: HTML/CSS , 7 месяцев назад

Как добавить внутренние стили css в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от magali , 3 месяца назад

@dayna 

Внутренние стили CSS можно добавить в HTML-документ с помощью тега <style>. Он должен быть размещен внутри тега <head> документа. Внутри тега <style> нужно прописать правила CSS.


Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<html>
<head>
  <style>
    body {
      background-color: lightblue;
    }
    h1 {
      color: white;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Заголовок</h1>
  <p>Пример документа с внутренними стилями CSS</p>
</body>
</html>


В этом примере тег <style> содержит правила CSS, которые задают цвет фона страницы и цвет текста для тега <h1>. Эти правила будут применены ко всему документу HTML.