KWALIFIKACJA INF3 - STYCZEŃ 2015

PYTANIE NR 5.
Kaskadowe arkusze stylów tworzy się w celu
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Kaskadowe arkusze stylów (CSS) służą do opisu prezentacji strony, czyli tego, jak elementy HTML mają wyglądać (np. kolory, czcionki, marginesy, układ). Nie służą do dopisywania treści tekstowych ani do "przyśpieszania grafiki". Nawigacja może być pośrednio poprawiana stylem, ale nie jest głównym celem CSS.

Pełne wyjaśnienie:

Kaskadowe arkusze stylów (CSS) stosuje się po to, aby zdefiniować wygląd i sposób formatowania elementów strony. CSS opisuje warstwę prezentacji: kolory, typografię, odstępy, obramowania, tła, pozycjonowanie, układ (np. siatkę), a także zachowanie w różnych rozdzielczościach (responsywność). Dzięki temu można oddzielić strukturę i treść dokumentu (HTML) od prezentacji (CSS), co ułatwia utrzymanie i rozwój serwisu.

Odpowiedź "definiowania sposobu formatowania elementów strony internetowej." jest poprawna, bo dokładnie oddaje istotę CSS: reguły stylów określają, jak przeglądarka ma wyrenderować elementy (np. nagłówki, akapity, linki, kontenery).

  • "uzupełnienia strony internetowej o treści tekstowe." jest błędne, ponieważ treść (teksty, nagłówki, opisy) dodaje się w HTML lub generuje po stronie aplikacji (np. szablony, CMS, JavaScript). CSS nie jest językiem do wprowadzania treści dokumentu.
  • "przyśpieszenia wyświetlania grafiki na stronie internetowej." jest błędne, bo wydajność ładowania obrazów zależy głównie od formatu i rozmiaru plików, kompresji, cache, sieci, a także sposobu osadzania i optymalizacji (np. lazy loading). CSS może wpływać na sposób prezentacji obrazów, ale nie jest narzędziem służącym wprost do przyspieszania ich pobierania.
  • "ułatwienia użytkownikowi nawigacji." jest nieprecyzyjne jako główny cel CSS. Nawigację projektuje się przede wszystkim poprzez strukturę informacji, odpowiednie elementy HTML, interakcje i logikę aplikacji. Styl może poprawić czytelność i użyteczność (np. widoczność menu), ale to efekt pośredni, a nie podstawowa definicja CSS.

Wskazówka egzaminacyjna: jeśli w odpowiedziach pojawiają się elementy typu "wygląd/formatowanie/prezentacja", zwykle dotyczą CSS; "treść/struktura" dotyczy HTML, a "logika/reakcje/interakcje" częściej wiąże się z JavaScript lub backendem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
CSS (kaskadowe arkusze stylów) to język opisu prezentacji dokumentu HTML. Służy do ustawiania wyglądu elementów, np. kolorów, czcionek, marginesów, układu i responsywności. Dzięki CSS ta sama treść może mieć różne szaty graficzne bez zmiany struktury HTML.
W CSS można formatować praktycznie każdy element HTML: tekst (font, rozmiar, kolor), odstępy (margin, padding), obramowania, tła, a także układ (np. pozycjonowanie, flexbox, grid). Można też stylować stany interakcji, np. wygląd linku po najechaniu kursorem.
Treść strony jest częścią dokumentu (HTML) albo jest generowana przez aplikację (np. CMS, backend, JavaScript). CSS opisuje tylko, jak coś ma wyglądać. Wstawianie treści do stylów łamie podział na warstwy i utrudnia dostępność oraz utrzymanie, dlatego nie jest traktowane jako właściwa rola CSS.
CSS może pomóc w organizacji wyświetlania (np. rozmiar, dopasowanie), ale nie jest głównym narzędziem do przyspieszania pobierania obrazów. O szybkości decydują zwykle format i waga pliku, cache, CDN, kompresja oraz techniki takie jak opóźnione ładowanie. CSS to przede wszystkim warstwa wyglądu.
Najprościej: HTML odpowiada za strukturę i znaczenie (nagłówki, akapity, listy, formularze), a CSS za wygląd (kolory, czcionki, układ, odstępy). Jeśli w odpowiedzi pojawia się "formatowanie", "prezentacja" lub "stylowanie", to prawie zawsze dotyczy CSS.
Kaskadowość oznacza, że gdy kilka reguł pasuje do tego samego elementu, przeglądarka wybiera te o większym priorytecie. Znaczenie ma m.in. specyficzność selektora, kolejność reguł oraz to, czy styl jest zewnętrzny, wewnętrzny czy inline. Dzięki temu można nadpisywać style w kontrolowany sposób.
Typowe pomyłki to: mylenie CSS z HTML (treść vs wygląd), przypisywanie CSS optymalizacji wydajności (np. "przyspieszanie grafiki") oraz traktowanie CSS jako narzędzia do logiki działania strony. Na egzaminie warto szukać słów-kluczy: wygląd/formatowanie = CSS.
CSS może pośrednio poprawiać nawigację, bo zwiększa czytelność i widoczność elementów (np. menu, przyciski). Jednak sama nawigacja wynika głównie ze struktury informacji, poprawnych elementów HTML i działania aplikacji. Dlatego "ułatwienie nawigacji" nie jest typową definicją celu CSS.
Zewnętrzny arkusz stylów stosuje się, gdy chcesz utrzymać spójny wygląd wielu podstron i łatwo wprowadzać zmiany. Jeden plik CSS może obsłużyć cały serwis, co upraszcza administrację i sprzyja porządkowi w kodzie. Style inline lub w sekcji strony wykorzystuje się raczej wyjątkowo.
Skup się na podstawach: selektory, kaskadowość, dziedziczenie, jednostki, model pudełkowy oraz układy (flex i siatka). Ćwicz na krótkich przykładach: weź prosty HTML i zmieniaj tylko CSS, obserwując efekt. Na egzaminie często sprawdza się rozumienie celu CSS jako formatowania.
info

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

Według specjalistów z branży: "Kaskadowe arkusze stylów (CSS) służą do opisu prezentacji strony, czyli tego, jak elementy HTML mają wyglądać (np. kolory, czcionki, marginesy, układ)."

Źródła:

  • MDN Web Docs: "CSS: Cascading Style Sheets" (opis roli CSS) https://developer.mozilla.org/en-US/docs/Web/CSS (dostęp: 2026-03-02)
  • W3C: "CSS Snapshot 2023" (kontekst definicyjny i rola CSS w specyfikacjach) https://www.w3.org/TR/css-2023/ (dostęp: 2026-03-02)
  • WHATWG HTML Living Standard – rozdziały dot. semantyki/struktury dokumentu (dla rozróżnienia roli HTML i CSS) https://html.spec.whatwg.org/multipage/ (dostęp: 2026-03-02)

Materiały:

  • MDN Web Docs – dział CSS (podstawy, selektory, kaskadowość)
  • W3C – materiały wprowadzające do CSS i specyfikacje (pojęcia: cascade, inheritance)
  • Podręcznik/notes do kwalifikacji INF.3: rozdział o HTML i CSS (warstwy strony)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego