Znacznik style

Znacznik style pozwala pisać CSS bezpośrednio wewnątrz strony HTML. Należy pamiętać, że wewnątrz znacznika style piszemy, przestrzegając składni języka CSS (selektory, nawiasy klamrowe i tak dalej).

Ten znacznik powinien być umieszczony wewnątrz znacznika head, jednak nie jest to obowiązkowe - znacznik style można umieścić również wewnątrz znacznika body i będzie to działać.

Należy nie nadużywać znacznika style - zamiast niego najczęściej należy używać osobnego pliku CSS.

Przykład

Zapiszmy CSS wewnątrz kodu HTML za pomocą znacznika style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>To jest tytuł strony</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>To jest nagłówek standardowego (czarnego) koloru.</h1>
    <p>To jest akapit czerwonego koloru.</p>
  </body>
</html>

Zobacz też

  • znacznik link,
    który podłącza pliki CSS
  • atrybut style,
    który ustawia style dla konkretnego znacznika