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

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

от dayna , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от magali , 2 года назад

@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.

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

от ottilie.farrell , год назад

@dayna 

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
  
    /* Ваш CSS-код */
    body {
      background-color: lightblue;
    }
    h1 {
      color: navy;
      font-size: 24px;
    }
  


  Пример внутренних стилей CSS
  Этот текст имеет свойства стиля, заданные внутри тега .</p>
</body>
</html>
</pre>


Здесь CSS-код находится внутри тега <style>, который расположен внутри тега <head>. Весь стиль, заданный внутри тега <style>, применяется ко всем элементам указанным внутри тега <body>.