KWALIFIKACJA INF3 - TEST WIEDZY NR 2

PYTANIE NR 11.
Masz wiele elementów div z klasą box. Chcesz zmienić wygląd tylko jednego z nich, stosując metodę dołączania CSS działającą wyłącznie na ten element. Jaki typ stylu CSS wybierzesz?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Styl inline zapisuje się bezpośrednio w atrybucie style konkretnego elementu, więc wpływa tylko na ten jeden znacznik. Styl wewnętrzny działa w obrębie całego dokumentu, a zewnętrzny w wielu dokumentach korzystających z tego samego pliku CSS. Ustawienia użytkownika nie są metodą celowego stylowania strony.

Pełne wyjaśnienie:

Pytanie dotyczy metody dołączania CSS (gdzie zapisujemy reguły), a nie tego, jakim selektorem wskazujemy element. Jeśli chcesz zmienić wygląd tylko jednego elementu spośród wielu posiadających tę samą klasę, najprostszą metodą jest użycie stylu inline, czyli wpisanie deklaracji w atrybucie style bezpośrednio w danym elemencie HTML. Taki zapis dotyczy wyłącznie tego jednego elementu i zwykle ma wysoki priorytet w kaskadzie.

Odpowiedź "Styl wewnętrzny (w sekcji style dokumentu)" jest niepoprawna w tym kontekście, ponieważ reguły umieszczone w bloku <style> obowiązują w całym dokumencie. Oczywiście da się nimi wystylizować pojedynczy element, ale wymaga to wskazania go selektorem (np. przez id) i nie jest to "metoda działająca wyłącznie na ten element" sama z siebie.

Odpowiedź "Styl zewnętrzny (w osobnym pliku CSS)" również nie spełnia warunku "tylko jeden element" jako metody osadzania — plik zewnętrzny jest przeznaczony do współdzielenia i utrzymania spójnych stylów między stronami. Także tu można wskazać jeden element selektorem, ale pytanie testuje rozpoznanie metody inline jako najprostszego sposobu nadpisania stylu pojedynczego znacznika.

Odpowiedź "Styl użytkownika (ustawienia przeglądarki)" jest błędna, bo nie jest to technika, którą autor strony stosuje w kodzie w celu ostylowania konkretnego diva. To ustawienia po stronie odbiorcy (np. tryb wysokiego kontrastu, własne arkusze wtyczek), które nie służą do realizacji wymagań projektu.

Wskazówka egzaminacyjna: gdy w treści pojawia się "typ stylu: inline/wewnętrzny/zewnętrzny", myśl o miejscu zapisu CSS. Gdy pojawia się "klasa/id/element", to pytanie dotyczy zwykle selektorów.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Styl inline to CSS zapisany bezpośrednio w atrybucie style danego elementu HTML, np. <div style="color:red">. Dotyczy tylko tego jednego elementu i często nadpisuje reguły z klasy lub pliku zewnętrznego.
Styl wewnętrzny znajduje się w dokumencie HTML w bloku <style> (zwykle w <head>) i działa na całą stronę. Styl zewnętrzny jest w osobnym pliku .css i dołączasz go przez <link>, często do wielu podstron.
Ponieważ deklaracje są wpisane wprost w znaczniku konkretnego elementu jako jego atrybut. Nie są to reguły "ogólne" dla dokumentu ani pliku, tylko przypisane do jednego węzła DOM. Dlatego nie wpływają na inne elementy z tą samą klasą.
To zależy od celu. Inline jest szybkie do jednorazowego nadpisania, ale utrudnia utrzymanie. id pozwala zachować CSS w arkuszu (wewnętrznym lub zewnętrznym) i zwykle jest lepsze w projektach, bo oddziela treść od prezentacji.
Najczęściej wyróżnia się: inline (atrybut style w elemencie), wewnętrzny (blok <style> w HTML) oraz zewnętrzny (osobny plik .css dołączony przez <link>).
Gdy pytanie mówi o zmianie stylu jednego, konkretnego elementu bez wpływu na resztę i w odpowiedziach są metody osadzania CSS. Sygnałem jest też wzmianka o atrybucie style albo "w linii" w HTML.
Plik zewnętrzny kojarzy się z "profesjonalnym" podejściem, więc część osób wybiera go automatycznie. Jednak pytanie może sprawdzać zakres działania metody: zewnętrzny arkusz zwykle dotyczy wielu elementów i stron, a nie jednego znacznika.
Specyficzność to "waga" selektora, która pomaga ustalić, która reguła wygra w konflikcie. Reguły inline zwykle mają bardzo wysoki priorytet w porównaniu z klasami i selektorami elementów. Dlatego często nadpisują style z arkuszy, jeśli nie użyjesz innych mechanizmów kaskady.
Najczęstsze pomyłki to: mieszanie metod dołączania CSS z selektorami (klasa vs id), zakładanie, że "wewnętrzny" znaczy "tylko dla jednego elementu", oraz traktowanie ustawień przeglądarki jako "stylu globalnego". Warto patrzeć, czy pytanie dotyczy miejsca zapisu CSS.
Nie. Ustawienia użytkownika (np. własne style, tryb wysokiego kontrastu) mogą wpływać na wygląd strony, ale nie są tym, co programista "zastosuje" w kodzie dla jednego diva. W pytaniach egzaminacyjnych taka odpowiedź jest zwykle dystraktorem.
info

To pytanie poprawnie rozwiązuje 63% zdających egzamin. średnie

Według specjalistów z branży: "Styl inline zapisuje się bezpośrednio w atrybucie style konkretnego elementu, więc wpływa tylko na ten jeden znacznik."

Źródła:

  • MDN Web Docs: "How to add CSS" (Inline, Internal, External CSS) — https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured - accessed 2026-02-27
  • MDN Web Docs: "Specificity" — https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity - accessed 2026-02-27
  • W3C: "CSS Cascading and Inheritance" (overview) — https://www.w3.org/TR/css-cascade-5/ - accessed 2026-02-27

Materiały:

  • Dokumentacja MDN Web Docs: sekcja o sposobach dołączania CSS do HTML
  • Dokumentacja MDN Web Docs: artykuły o specyficzności i kaskadzie
  • Ćwiczenia praktyczne: nadpisywanie stylów klasy przez inline w prostym pliku HTML

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego