KWALIFIKACJA INF3 - TEST WIEDZY NR 3

PYTANIE NR 8.
Załóż, że chcesz zastosować różne style CSS do różnych stron na swojej witrynie. Który typ arkusza stylów jest najbardziej odpowiedni do tego celu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Arkusz zewnętrzny to osobny plik .css dołączany do dokumentu HTML. Pozwala łatwo stosować różne style na różnych podstronach, bo można linkować inny plik CSS w zależności od strony. Style wewnętrzne/inline są "wpisane" w HTML i trudniej je utrzymać w większej witrynie.

Pełne wyjaśnienie:

Jeżeli chcesz zastosować różne style CSS do różnych stron w obrębie jednej witryny, najpraktyczniejszym rozwiązaniem jest użycie zewnętrznych arkuszy stylów, czyli osobnych plików .css dołączanych do konkretnych dokumentów HTML. Dzięki temu możesz:

  • podpiąć inny plik CSS do każdej podstrony (np. osobny dla strony głównej, osobny dla formularza logowania),
  • utrzymać porządek w projekcie (style są poza HTML),
  • łatwiej testować i wymieniać wygląd bez ingerencji w treść strony.

Odpowiedź "Zewnętrzne" jest poprawna, bo zewnętrzny CSS można dobierać selektywnie: jedna podstrona może ładować styles-a.css, a inna styles-b.css (albo zestaw wspólny + dodatkowy, specyficzny dla widoku).

Pozostałe odpowiedzi nie są najlepszym wyborem w tym kontekście:

  • "Wewnętrzne" (style w sekcji strony) działają, ale utrudniają zarządzanie większą witryną: style są "wtopione" w HTML, trudniej je współdzielić i porównywać między plikami.
  • "Lokalne" nie jest standardową, jednoznaczną nazwą typu arkusza w CSS; bywa mylone ze стилami inline lub stylem dotyczącym jednego dokumentu, przez co odpowiedź jest terminologicznie nieprecyzyjna.
  • "Globalne" również nie jest formalnym typem arkusza CSS; w praktyce mówi się raczej o stylach wspólnych (shared) lub bazowych, co nie określa sposobu dołączenia CSS.

Wskazówka egzaminacyjna: gdy pytanie dotyczy zarządzania stylami dla wielu stron i utrzymania projektu, zwykle preferowane są pliki zewnętrzne (re-używalność, porządek, kontrola wersji), a style wewnętrzne/inline traktuj jako rozwiązania doraźne.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Zewnętrzny arkusz stylów to osobny plik z rozszerzeniem .css, który dołącza się do dokumentu HTML. Dzięki temu style są oddzielone od treści, łatwiejsze w utrzymaniu i mogą być podpinane selektywnie do wybranych podstron.
Najczęściej robi się to w sekcji <head> za pomocą elementu <link>. W praktyce wskazujesz ścieżkę do pliku .css, a przeglądarka wczytuje reguły i stosuje je do bieżącej strony.
Bo pozwala zarządzać stylami centralnie i/lub podłączać różne pliki do różnych widoków. Zmiany w pliku .css są szybkie do kontroli, nie zaśmiecają HTML i ułatwiają pracę zespołową oraz wersjonowanie w repozytorium.
Wewnętrzny arkusz stylów to reguły CSS zapisane w dokumencie HTML (zwykle w sekcji <head>). Może mieć sens w małych, jednorazowych stronach lub prototypach, ale w większych serwisach utrudnia utrzymanie i powtarzalność.
Style inline (w atrybucie style) działają, ale są najmniej wygodne: zwiększają bałagan w kodzie, utrudniają ponowne użycie i sprzyjają niespójności. Na egzaminach zwykle traktuje się je jako rozwiązanie awaryjne, nie "najbardziej odpowiednie".
Typowy wzorzec to podpięcie jednego pliku bazowego (np. reset/układ/kolory wspólne) oraz drugiego pliku z nadpisaniami tylko dla danej podstrony. To zachowuje porządek i pozwala różnicować wygląd bez kopiowania całych reguł.
W CSS standardowo rozróżnia się głównie style: zewnętrzne (plik), wewnętrzne (w dokumencie) i inline (w elemencie). Określenia "globalne/lokalne" nie opisują jednoznacznie metody dołączenia CSS, więc mogą prowadzić do zgadywania zamiast rozumienia.
Gdy dołączysz kilka źródeł CSS, przeglądarka rozstrzyga konflikty na podstawie specyficzności selektorów i kolejności wczytania. Reguły wczytane później (przy podobnej specyficzności) częściej nadpisują wcześniejsze, co wykorzystuje się w stylach "bazowych + nadpisania".
Częsty błąd to mylenie "wewnętrzny" z "zewnętrzny" oraz wybór odpowiedzi na podstawie brzmienia (np. "globalne"). Pomaga zapamiętać: zewnętrzny = osobny plik .css, wewnętrzny = CSS w dokumencie, inline = CSS w elemencie.
Szukaj sygnałów: wiele podstron, potrzeba łatwej zmiany wyglądu, utrzymanie projektu i różne style zależnie od strony. To są typowe argumenty za plikami .css. Wtedy rozwiązaniem jest dołączanie odpowiednich plików zewnętrznych do konkretnych stron.
info

Około 61% zdających odpowiada poprawnie na to pytanie. średnie

Specjaliści zwracają uwagę: "Arkusz zewnętrzny to osobny plik .css dołączany do dokumentu HTML."

Źródła:

  • MDN Web Docs: "Adding CSS" (external, internal, inline) — https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/Getting_started (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;link&gt;: The External Resource Link element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;style&gt;: The Style Information element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style (dostęp: 2026-03-01)

Materiały:

  • MDN Web Docs: sekcja o dołączaniu CSS (external/internal/inline)
  • Materiały z podstaw HTML/CSS dotyczące elementu &lt;link&gt; i tagu &lt;style&gt;
  • Ćwiczenia praktyczne: budowa małej witryny z 2–3 podstronami i osobnymi plikami CSS

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego