Štýl tagu

Tag style umožňuje písať CSS priamo vnútri HTML stránky. Majte na pamäti, že vnútri tagu style píšeme podľa syntaxe jazyka CSS (selektory, zložené zátvorky a tak ďalej).

Tento tag by mal byť umiestnený vnútri tagu head, avšak nie je to povinné - tag style je možné umiestniť aj vnútri tagu body a bude fungovať.

Netreba zneužívať tag style - namiesto neho sa najčastejšie používa samostatný CSS súbor.

Príklad

Napíšme CSS vnútri HTML kódu pomocou tagu style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>To je názov titulku</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>To je nadpis štandardnej (čiernej) farby.</h1>
    <p>Toto je odsek červenej farby.</p>
  </body>
</html>

Pozri tiež