1. Nauka
    2. /
  2. Kursy
    3. /
  3. Studia przypadków: tworzenie aplikacji webowych w Shiny w R
Connected

ćwiczenie

Dodaj CSS, aby zmienić wygląd aplikacji

CSS to niezwykle popularny język znaczników, który informuje przeglądarkę o tym, jak wyświetlać elementy na stronie. Jest niezbędny, gdy chcesz odejść od domyślnego wyglądu Shiny i dostosować wygląd poszczególnych elementów aplikacji.

Pamiętaj, że CSS składa się z zestawu reguł, gdzie każda reguła to para właściwość: wartość przypisana do konkretnego elementu na stronie. CSS możesz dołączyć do aplikacji, pisząc go w osobnym pliku i importując za pomocą includeCSS(), jednak w tym kursie skorzystamy z prostszego podejścia – umieszczenia kodu CSS wewnątrz tags$style() w UI.

Instrukcje

100 XP
  • Napisz reguły CSS, które zmodyfikują aplikację w następujący sposób:
    • Zmień kolor tła przycisku pobierania na pomarańczowy (linia 5).
    • Zmień rozmiar tekstu przycisku pobierania na 20 pikseli (linia 8).
    • Zmień kolor tekstu tabeli na czerwony (linia 13).
  • Dodaj te reguły CSS do aplikacji Shiny (linia 20).