6.2.2. Styl zapsaný přímo v HTML stránce

Pokud naopak chceme určitý styl použít jen v jednom dokumentu, můžeme ho zařadit přímo do HTML kódu pomocí elementu style. Opět musíme pomocí atributu type="text/css" prohlížeči sdělit, že používáme kaskádové styly, a ne nějaké jiné. 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Vložení stylu přímo do dokumentu</title>
    <style type="text/css">
      <!--
        h1 { color: blue;
             text-align: center }
        p  { text-align: justify }
      -->
    </style>
  </head>
  <body>
    …
  </body>
</html>

Možná vás trochu překvapilo uzavření deklarcí stylu do HTML komentáře. Tato technika se používá kvůli starým prohlížečům, které neznají CSS – text stylu uzavřený v komentáři ignorují.

Styl můžeme definovat jen v záhlaví stránky – mezi tagy <head> a </head>.

Předcházející  Nahoru  Další
  Domů  

Tento dokument je určen výhradně pro osobní potřebu seznámení se s jazykem HTML a tvorbou webových stránek. Jakékoliv jiné použití, včetně dalšího šíření, pořizování kopií, použití při školeních a výuce apod. je výslovně zakázáno a bude považováno za porušení autorských práv.


Copyright © 1997–2010 Jiří Kosek
blog comments powered by Disqus