KWALIFIKACJA PGF4 - CZERWIEC 2020

PYTANIE NR 33.
Kaskadowe arkusze stylów umożliwiają
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Kaskadowe arkusze stylów służą do opisu wyglądu elementów strony WWW (np. kolorów, czcionek, odstępów i układu), czyli do tworzenia reguł/szablonów prezentacji treści w przeglądarce. Pozostałe propozycje odnoszą się do funkcji narzędzi prezentacyjnych lub edytorów graficznych, a nie do CSS.

Pełne wyjaśnienie:

Kaskadowe arkusze stylów (CSS) to technologia używana do definiowania prezentacji dokumentu/strony internetowej, czyli tego, jak wyświetlają się elementy w przeglądarce. CSS opisuje m.in. kolory, typografię (krój i rozmiar pisma), odstępy (marginesy i wypełnienia), obramowania, pozycjonowanie i układ elementów. Dzięki temu można tworzyć "szablony" wyglądu: zestawy reguł, które są stosowane do wielu elementów i wielu podstron, co zapewnia spójność wizualną projektu.

Odpowiedź "tworzenie szablonów definiujących wygląd wyświetlanych na stronie internetowej elementów." jest poprawna, bo trafnie opisuje podstawową rolę CSS: sterowanie warstwą wizualną interfejsu WWW.

Pozostałe odpowiedzi są niepoprawne, ponieważ dotyczą innych narzędzi i pojęć:

  • "definiowanie animacji przejść w prezentacjach nieliniowych." – to typowe dla oprogramowania do prezentacji lub narzędzi multimedialnych. CSS może zawierać mechanizmy animacji i przejść, ale w kontekście elementów strony WWW, a nie "prezentacji nieliniowych" jako formatu pracy charakterystycznego dla innych aplikacji.
  • "definiowanie pędzli i wzorków." – pędzle i wzorki są pojęciami z obszaru edycji grafiki (np. raster/rysunek). CSS nie definiuje "pędzli" w sensie narzędzi malarskich; opisuje reguły stylowania elementów interfejsu.
  • "tworzenie szablonów prezentacji nieliniowych z możliwością powiększania obrazu i zmiany jego położenia." – opisuje funkcje typowe dla narzędzi do prezentacji/authoringu (nawigacja po płótnie, zoom), a nie dla CSS jako języka stylów.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawia się sformułowanie o "wyglądzie elementów na stronie internetowej", najczęściej chodzi o CSS (stylowanie), a nie o edycję grafiki czy narzędzia prezentacyjne. Warto też pamiętać o podziale ról: treść/struktura vs. wygląd/prezentacja.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kaskadowe arkusze stylów (CSS) to język służący do opisywania wyglądu elementów strony internetowej. Określa m.in. kolory, czcionki, odstępy, obramowania i układ. Dzięki CSS można oddzielić treść od prezentacji i łatwo utrzymać spójny wygląd całej witryny.
CSS odpowiada za warstwę wizualną: decyduje, jak elementy będą wyświetlane w przeglądarce (np. typografia, kolory, szerokości, marginesy, rozmieszczenie). Ułatwia to wdrażanie projektu graficznego oraz szybkie zmiany wyglądu bez modyfikowania treści strony.
"Kaskada" oznacza mechanizm ustalania, które reguły stylów mają pierwszeństwo, gdy kilka z nich pasuje do tego samego elementu. Znaczenie mają m.in. kolejność reguł, ich szczegółowość oraz źródło stylów. Dzięki temu da się budować ogólne style i nadpisywać je wyjątkami.
W CSS można opisać m.in. kolor tekstu i tła, rozmiar i krój pisma, odstępy (marginesy i wypełnienia), obramowania, szerokość i wysokość bloków, wyrównanie, a także sposób układania elementów na stronie. To typowe "szablony wyglądu" stosowane w WWW.
Nie. Pędzle i wzorki to narzędzia charakterystyczne dla programów graficznych (malarstwo/retusz). CSS nie tworzy "pędzli" w tym sensie, tylko opisuje reguły formatowania elementów interfejsu. Jeśli myślisz o fakturach i wzorach, to zwykle domena grafiki lub obrazów tła, a nie narzędzi pędzla.
Nie. HTML opisuje strukturę i treść (np. nagłówki, akapity, listy), a CSS opisuje wygląd tej struktury (np. kolory, czcionki, układ). W praktyce na egzaminie często rozpoznasz CSS po słowach "wygląd", "formatowanie", "stylowanie", a HTML po "struktura", "zawartość", "elementy dokumentu".
CSS stosuje się wtedy, gdy projekt multimedialny ma formę strony lub aplikacji webowej i trzeba przenieść założenia projektu graficznego na interfejs (kolorystyka, typografia, siatka, odstępy). W pracy technika fotografii i multimediów to częsty etap: od layoutu do wdrożenia wizualnego w WWW.
Częsty błąd to mylenie CSS z narzędziami do prezentacji (slajdy, przejścia) albo z funkcjami edytora grafiki (pędzle, wzorki). Drugi błąd to ignorowanie kontekstu "strony internetowej" i wybieranie odpowiedzi brzmiącej bardziej złożenie. Warto szukać słów kluczowych: wygląd elementów WWW.
Odpowiedzi o CSS zwykle mówią o "wyglądzie elementów na stronie", "formatowaniu", "stylach" i przeglądarce. Odpowiedzi o prezentacjach nieliniowych wskazują na nawigację, slajdy, przejścia, zoom i przemieszczanie się po płótnie prezentacji. To inna kategoria narzędzi niż arkusze stylów WWW.
Powtórz podstawowe pojęcia: selektor, właściwość, wartość, kaskada oraz to, co CSS kontroluje (kolory, czcionki, odstępy, układ). Przećwicz rozpoznawanie, czy opis dotyczy WWW, grafiki czy prezentacji. Dobrze działają krótkie zadania: "jaki efekt wizualny daje dana właściwość?" bez wchodzenia w szczegóły kodu.
info

Statystycznie 73% uczniów zna prawidłową odpowiedź. średnio łatwe

Specjaliści zwracają uwagę: "Kaskadowe arkusze stylów służą do opisu wyglądu elementów strony WWW (np. kolorów, czcionek, odstępów i układu), czyli do tworzenia reguł/szablonów prezentacji treści w przeglądarce."

Źródła:

  • MDN Web Docs: "CSS: Cascading Style Sheets" (opis technologii i jej przeznaczenia), https://developer.mozilla.org/en-US/docs/Web/CSS - accessed 2026-03-02
  • MDN Web Docs: "CSS first steps" (wprowadzenie do roli CSS w formatowaniu dokumentu), https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps - accessed 2026-03-02
  • W3C: "CSS Snapshot 2023" (przegląd modułów CSS i kontekstu specyfikacji), https://www.w3.org/TR/css-2023/ - accessed 2026-03-02

Materiały:

  • Dokumentacja MDN Web Docs dotycząca CSS (wprowadzenie i podstawowe pojęcia)
  • Specyfikacje CSS publikowane przez W3C (sekcje wprowadzające o kaskadzie i deklaracjach)
  • Kursy podstaw tworzenia stron WWW obejmujące rozdział o CSS i jego roli względem HTML

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego