Как связать внутренние стили css в HTML?

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

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

Как связать внутренние стили css в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от marshall.cummings , 3 месяца назад

@loyal 

Чтобы связать внутренние стили CSS с HTML, вы можете использовать тег <style> внутри тега <head> вашего HTML-документа. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Ваши внутренние стили CSS здесь */
    body {
      background-color: lightblue;
    }
  </style>
</head>
<body>
  <!-- Ваш HTML-контент здесь -->
</body>
</html>


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


Вы также можете связать внутренние стили CSS с отдельными элементами HTML, используя атрибут style у соответствующего элемента. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Ваши внутренние стили CSS здесь */
  </style>
</head>
<body>
  <!-- Ваш HTML-контент здесь -->
  <p style="color: red;">Этот текст будет красным</p>
</body>
</html>


Обратите внимание, что стили, указанные в атрибуте style, будут иметь более высокий приоритет, чем стили, указанные внутри тега