Odkazy v CSS3

URL

URL, celým názvem Uniform Resource Locator je řetězec znaků, který jednoznačně specifikuje zdroj dat na internetu.

Symbolický zápis URL

css-vlastnost: url("adresa_objektu");

Adresu objektu je nutno uzavírat do uvozovek nebo apostrofů ('). Apostrof lze vkládat např. pomocí Alt+39. Doporučuje se užívat uvozovek a apostrofů jen v případě in-line zápisů např.:

<p style="background-image: url('pozadi.gif');">

Pseudotřídy odkazů

Dělí se na:

• statické
  • a:link - pseudotřída aplikovaná na ještě nenavštívený odkaz
  • a:visited - pseudotřída aplikovaná na navštívený odkaz

• Tyto pseudotřídy jsou určeny právě jen pro odkazy.

• dynamické
  • a:active - pseudotřída aplikovaná na aktivní odkaz, tj. takový, na kterém uživatel stiskl tlačítko myší a dosud ho nepustil
  • a:hover - pseudotřída aplikovaná na přejížděný odkaz
  • a:fokus - pseudotřída aplikovaná na "zaměřený" odkaz, tj. na který se uživatel dostal pomocí tabulátoru

  Tyto pseudotřídy jsou určeny i po jiné elementy než jsou odkazy.

Některé zásady pro stylování odkazů

• Udělat maximum pro to, aby bylo možno poznat, že se jedná o odkaz
• U pseudotřídy a:hover neměnit ani velikost a ani sílu písma, aby nedocházelo k překreslování stránky.