Тег style

Тег style позволяет писать CSS прямо внутри HTML страницы. Учтите, что внутри тега style мы пишем, соблюдая синтаксис языка CSS (селекторы, фигурные скобки и так далее).

Данный тег должен размещаться внутри тега head, однако это не обязательно - тег style можно разместить и внутри тега body и это будет работать.

Не следует злоупотреблять тегом style - вместо него чаще всего следует использовать отдельный CSS файл.

Пример

Давайте запишем CSS внутри HTML кода с помощью тега style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Это заголовок тайтл</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Это заголовок стандартного (черного) цвета.</h1>
    <p>Это абзац красного цвета.</p>
  </body>
</html>

Смотрите также