Таг 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>

Вижте също