1. Učit se
    2. /
  2. Kurzy
    3. /
  3. Komunikace s daty v Tidyverse
Connected

Cvičení

Změna stylu textových elementů

S CSS je úprava vzhledu textu v reportu hračka. V tomto cvičení změníš písmo na font s patkami, aby ladilo se stylem tvých grafů. Vyzkouší také několik dalších CSS selektorů a upravíš barvy a velikosti písma. Například font prvků s R kódem je momentálně trochu větší, než okolní text – pomocí CSS ho zmenšíš.

Veškerý CSS kód patří dovnitř tagů <style> nad část Shrnutí. V příštím cvičení se naučíš, jak odkázat na externí CSS soubor přes YAML záhlaví. Pokud budeš potřebovat další pomoc se stylováním textu, mrkni na referenční příručku Mozilla Developer.

Pokyny

100 XP
  • Na řádku 17 změň font-family veškerého textu v reportu (včetně nadpisů, kromě bloků s R kódem) na "Bookman", serif.
  • Na řádku 21 změň barvu textu v odstavcích na jemnou šedou (#333333).
  • Na řádku 24 změň barvu všech odkazů na red.
  • Na řádku 27 zmenši font prvků s R kódem, které jsou zabaleny v HTML tagu pre, na 10px.