Odsazení & pseudotřídy

10. hodina WBA


Matěj Cajthaml — SSPŠ

©

Odsazení

Některé prvky již mají odsazení od prohlížeče.

Velikost

  • blokovým prvkům můžeme určovat šířku a výšku
  • velikost se při nenastavení automaticky počítá

Odsazení zvenku

  • jak bude prvek umístěn od ostatních prvků
  • nestyluje se a nepočítá se velikosti prvku

Odsazení uvnitř

  • jak budou umístěny prvyk uvnitř
  • počítá se do velikosti prvku

Ohraničení

  • vytvoří okolo prvku ohraničení
  • určujeme tři vlastnosti
  • šířka, barva a styl čáry

Strany ohraničení

  • bottom, top, left, right

Zaoblení

  • každý roh lze zaoblit
  • (top|bottom)-(right|left)-radius

Další vlastnosti

Transformace textu

Zarovnání posledního řádku

Mezery mezi písmeny

Mezery mezi slovy

Další selektory

Seskupovací

Přímý dědic

Pseudotřídy

Pseudotřídy

  • speciální selektor
  • určuje stav nějakého prvku na stránce
  • např. nejetí myší, zda byl odkaz navštíven
  • měníme styly jen kdyz stav platí
  • zápis pomocí :

Najetí myši

  • :hover

Aktivní prvek

  • :active
  • např. při stisknutí odkazu

Odkaz

  • :visited a :link

Odsazení, ohraničení, pseudotřídy

PRÁCE

https://ssps.cajthaml.eu/2-wba/work/10-odsazeni-ohraniceni-pseudotridy

Tématická stránka

PRÁCE

https://ssps.cajthaml.eu/2-wba/work/10-tematicka-stranka-covid

Shrnutí

K čemu slouží vlastnost text-trasform?
Jaké známe typy zobrazování? Jak se liší?
Co jsou to pseudotřídy?
Jaké známe selektory?

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/