Return to Video

CSS font styles

  • 0:00 - 0:03
    Teď se pojďme podívat,
    co se dá na fontu ještě změnit.
  • 0:03 - 0:06
    Co kdybychom chtěli mít
    tento první odstavec tučně?
  • 0:07 - 0:09
    Můžeme celý odstavec
    obalit do tagu .
  • 0:10 - 0:12
    Ale to bychom tag
    tak trochu zneužili.
  • 0:13 - 0:14
    Přeci nechceme říct,
  • 0:14 - 0:16
    že celý první odstavec je zvýrazněný.
  • 0:16 - 0:19
    Jen si myslíme,
    že bude vypadát lépe tučně.
  • 0:19 - 0:22
    Takže místo toho bychom měli použít
    CSS vlastnost: 'font-weight'.
  • 0:22 - 0:28
    Pojďme do našeho pravidla
    a přidáme 'font-weight: bold'.
  • 0:28 - 0:30
    Ta-dá! Máme to tučně.
  • 0:30 - 0:35
    Tak, a co kdybychom chtěli mít všechna
    slova písničky kurzívou - zkoseně?
  • 0:35 - 0:38
    Opět bychom to vše mohli
    obalit do tagu ,
  • 0:38 - 0:42
    protože prohlížeč vždy
    tag zobrazí kurzívou.
  • 0:43 - 0:44
    Ale to bychom dělat neměli,
  • 0:44 - 0:47
    protože tím bychom zneužili
    zdůrazňující tag .
  • 0:47 - 0:49
    Nechceme zdůraznit celou písničku.
  • 0:49 - 0:52
    Jen by se nám více líbila,
    kdyby byla napsaná kurzívou.
  • 0:52 - 0:56
    Takže místo toho využijeme
    novou CSS vlastnost: 'font-style'.
  • 0:56 - 1:00
    Pojďme do našeho pravidla, 'song-lyrics',
  • 1:00 - 1:03
    a napíšeme: 'font-style: italic'.
  • 1:04 - 1:06
    Super!
  • 1:06 - 1:08
    Můžete si všimnout,
    že v pravidle pro text písničky
  • 1:08 - 1:11
    máme hned několik
    pravidel upravujících font.
  • 1:11 - 1:14
    Máme tu 'font-family', 'font-size',
    a 'font-style'.
  • 1:14 - 1:19
    Pokud bychom chtěli, můžeme je všechny
    zabalit do jediné vlastnosti: 'font'.
  • 1:19 - 1:25
    Stačí napsat 'font: italic 13px fantasy;'
  • 1:25 - 1:29
    Dobře, a teď můžeme smazat
    ty tři původní vlastnosti
  • 1:29 - 1:31
    a všechno vypadá pořád stejně.
  • 1:31 - 1:36
    Tomuto způsobu zápisu říkáme
    "zkrácené pravidlo".
  • 1:36 - 1:38
    Ale mě osobně se to moc nelíbí.
  • 1:38 - 1:41
    Protože vždycky zapomínám, v jakém
    přesném pořadí mají být hodnoty uvedeny
  • 1:41 - 1:45
    a ve finále je jednodušší
    napsat všechny hezky pod sebe.
  • 1:45 - 1:48
    Takže já si to vrátím
    zpátky, jak to bylo.
  • 1:48 - 1:52
    Je to jen na vás, jestli budete "zkracovač"
    nebo "prodlužovač".
  • 1:52 - 1:55
    Důležité je ale mít styl.
Title:
CSS font styles
Description:

more » « less
Video Language:
English
Duration:
01:56
Petra Jirůtková edited Czech subtitles for CSS font styles
Daniel Hollas edited Czech subtitles for CSS font styles
Marek Lisý edited Czech subtitles for CSS font styles
skupina10 edited Czech subtitles for CSS font styles

Czech subtitles

Revisions