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

Глядзіце таксама

  • тэг link,
    які падключае CSS файлы
  • атрыбут style,
    які задае стылі канкрэтнаму тэгу