Tag style

Tag style umožňuje psát CSS přímo uvnitř HTML stránky. Mějte na paměti, že uvnitř tagu style píšeme s dodržováním syntaxe jazyka CSS (selektory, složené závorky a tak dále).

Tento tag by měl být umístěn uvnitř tagu head, ale není to povinné - tag style lze umístit i uvnitř tagu body a bude fungovat.

Není vhodné nadužívat tag style - místo něj se nejčastěji používá samostatný soubor CSS.

Příklad

Napišme CSS uvnitř HTML kódu pomocí tagu style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>To je titulek</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>To je nadpis standardní (černé) barvy.</h1>
    <p>To je odstavec červené barvy.</p>
  </body>
</html>

Viz také