Fulltextové vyhledávání

Kalendář akcí

P Ú S Č P S N
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3
Drobečková navigace

Hlavní strana > Studenti > On-line výuka > Základy HTML5 a CSS3 > Odkazy > Odkazy v CSS3

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.