Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - TEST WIEDZY NR 2



PYTANIE NR 10.
<style>
  body {
    background-color: lightblue;
  }
</style>
Jakiego typu jest powyższy arkusz stylów?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna odpowiedź: wewnętrzny.
Fragment pokazuje reguły CSS zapisane bezpośrednio w dokumencie HTML w elemencie <style>. Taki sposób osadzania stylów nazywa się arkuszem wewnętrznym (embedded/internal). Arkusz zewnętrzny wymagałby osobnego pliku i podłączenia np. przez <link>.

Pełne wyjaśnienie:

W pokazanym fragmencie style CSS zostały umieszczone w dokumencie HTML pomiędzy znacznikami <style>...</style>. Taki sposób dodania CSS to arkusz stylów wewnętrzny (osadzony, embedded). Przeglądarka interpretuje go jako reguły obowiązujące dla danej strony (konkretnego dokumentu), bez konieczności pobierania dodatkowego pliku.

Dlaczego to jest "wewnętrzny"?

  • Reguły CSS są zapisane wprost w kodzie strony, a nie w osobnym pliku.
  • Nie ma odwołania do pliku .css (np. przez <link rel="stylesheet" ...>).
  • Nie jest to też styl inline, bo inline byłby wpisany w atrybucie style konkretnego elementu, np. <body style="background-color: lightblue">.

Omówienie odpowiedzi błędnych:

  • Lokalny – nie jest standardową, jednoznaczną nazwą typu arkusza CSS w klasycznym podziale (wewnętrzny/zewnętrzny/inline). Może brzmieć intuicyjnie, ale na egzaminie liczy się poprawna terminologia.
  • Zewnętrzny – dotyczy sytuacji, gdy style są w osobnym pliku (np. style.css) i są dołączone do HTML. Wtedy w kodzie HTML pojawia się odwołanie (najczęściej <link>), którego tu nie ma.
  • Globalny – określenie bywa używane potocznie (np. "style globalne"), ale nie oznacza konkretnego sposobu dołączenia CSS. To, że selektor dotyczy body, nie zmienia typu arkusza. Typ zależy od miejsca zapisu i sposobu podłączenia stylów.

Wskazówka egzaminacyjna: jeśli widzisz <style> w kodzie strony, myśl "wewnętrzny". Jeśli widzisz odwołanie do pliku .css – "zewnętrzny". Jeśli widzisz atrybut style= w znaczniku – "inline".

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest wewnętrzny arkusz stylów CSS?
Wewnętrzny arkusz stylów to CSS zapisany bezpośrednio w dokumencie HTML wewnątrz elementu <style>...</style>. Obowiązuje dla danej strony i nie wymaga osobnego pliku .css, więc często stosuje się go w prostych projektach lub prototypach.
Jak rozpoznać w kodzie, że CSS jest wewnętrzny?
Najprościej: szukasz elementu <style> w HTML. Jeśli reguły CSS są pomiędzy <style> i </style>, to jest to arkusz wewnętrzny. Gdyby był zewnętrzny, zobaczyłbyś odwołanie do pliku (np. przez <link>).
Jaka jest różnica między CSS wewnętrznym a zewnętrznym?
Wewnętrzny CSS jest zapisany w tym samym pliku co HTML (w <style>), a zewnętrzny znajduje się w osobnym pliku .css dołączanym do strony. Zewnętrzny ułatwia utrzymanie wielu podstron i ponowne użycie stylów, a wewnętrzny bywa wygodny dla pojedynczej strony.
Co to są style inline i czym różnią się od wewnętrznych?
Inline to style wpisane w atrybucie style konkretnego elementu, np. <div style="color:red">. Wewnętrzne są w bloku <style> i mogą obejmować wiele elementów przez selektory. Inline są szybkie, ale utrudniają porządek w kodzie.
Dlaczego odpowiedź "zewnętrzny" jest tu błędna?
Arkusz zewnętrzny wymaga osobnego pliku (np. style.css) i wskazania go w HTML, zwykle przez <link rel="stylesheet" ...>. W podanym fragmencie nie ma odwołania do pliku, tylko bezpośrednio zapisany CSS w <style>, więc to nie jest arkusz zewnętrzny.
Czy selektor body oznacza, że style są "globalne"?
Nie. Selektor body opisuje, do jakiego elementu stosuje się reguła, ale nie definiuje typu arkusza. "Globalny" bywa potocznym określeniem, natomiast na egzaminie typ rozpoznajesz po miejscu zapisania CSS: <style> (wewnętrzny), plik .css (zewnętrzny) lub atrybut style (inline).
Kiedy warto użyć wewnętrznego arkusza stylów?
Gdy masz jedną stronę lub krótki projekt i chcesz szybko dodać stylowanie bez tworzenia dodatkowego pliku. Wewnętrzny CSS bywa też użyteczny w prototypowaniu. Przy większych serwisach zwykle lepszy jest arkusz zewnętrzny, bo ułatwia utrzymanie i współdzielenie stylów.
Jakie są typowe typy dołączania CSS na egzaminie INF.3?
Najczęściej spotkasz trzy podstawowe typy: wewnętrzny (blok <style> w HTML), zewnętrzny (osobny plik .css dołączony do strony) oraz inline (atrybut style w konkretnym znaczniku). Warto umieć je rozpoznać na podstawie kodu.
Czy wewnętrzny CSS zawsze powinien być w sekcji <head>?
Zwyczajowo element <style> umieszcza się w sekcji <head>, aby style były znane przed renderowaniem treści. Standard dopuszcza <style> w odpowiednich miejscach, ale w praktyce (i w zadaniach egzaminacyjnych) najczęściej zobaczysz go w <head>.
Jakie błędy najczęściej popełnia się przy rozpoznawaniu typu arkusza CSS?
Najczęstsze pomyłki to: mylenie wewnętrznego z inline (bo oba są w HTML), wybór "zewnętrzny" mimo braku pliku i <link>, oraz sugerowanie się nazwą selektora (np. body) zamiast tym, gdzie CSS jest zapisany. Pomaga prosta zasada: <style> = wewnętrzny.
info

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

Eksperci podkreślają: "Poprawna odpowiedź: wewnętrzny.Fragment pokazuje reguły CSS zapisane bezpośrednio w dokumencie HTML w elemencie &lt;style&gt;."

Źródła:

  • MDN Web Docs: "&lt;style&gt;: The Style Information element" (HTML), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style - accessed 2026-02-18
  • MDN Web Docs: "Applying CSS to HTML" (w tym embedded/internal, external, inline), https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_works - accessed 2026-02-18
  • WHATWG HTML Living Standard: "The style element", https://html.spec.whatwg.org/multipage/semantics.html#the-style-element - accessed 2026-02-18

Materiały:

  • Dokumentacja HTML dotycząca elementu &lt;style&gt;
  • Dokumentacja CSS: podstawy składni reguł, selektorów i właściwości
  • Ćwiczenia porównujące: CSS inline vs wewnętrzny vs zewnętrzny
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego