fulltextové vyhledávání

Kalendář akcí

P Ú S Č P S N
27 28 29 30 31 1
Měsíční plán akcí: únor 2025
2
3 4
PŘÍPRAVNÉ KURZY PRO PŘIJÍMACÍ ZKOUŠKY 2025/2026 (AKTUALIZOVÁNO - ZMĚNA))
5 6 7 8 9
10 11 12 13 14
Svátek svatého Valentýna 2025
15 16
17 18 19 20 21 22 23
24 25 26 27 28 1 2
Drobečková navigace

Úvod > Žáci > 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.