Fulltextové vyhledávání

Kalendář akcí

P Ú S Č P S N
28 29 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
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.