KWALIFIKACJA INF3 - STYCZEŃ 2015

PYTANIE NR 6.
Które polecenie w CSS służy do załączenia zewnętrznego arkusza stylów?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna jest odpowiedź "import", ponieważ w CSS do dołączania zewnętrznego arkusza stylów służy reguła @import, wskazująca adres pliku CSS. Pozostałe propozycje ("open", "require", "include") nie są poprawnymi konstrukcjami CSS do importowania stylów.

Pełne wyjaśnienie:

W CSS zewnętrzny arkusz stylów można "załączyć" na kilka sposobów w zależności od miejsca, w którym pracujesz:

  • W HTML najczęściej używa się elementu <link> z atrybutem rel="stylesheet".
  • W samym CSS (czyli wewnątrz pliku .css lub bloku stylów) służy do tego reguła @import.

Dlatego odpowiedź "import" jest właściwa: chodzi o at-rule @import, która pozwala wczytać inny arkusz stylów jako zależność. Typowo spotkasz zapis w rodzaju:

@import url("style-dodatkowy.css");

Warto pamiętać o praktycznych konsekwencjach: reguły @import powinny występować na początku arkusza (przed innymi regułami), a w wielu projektach preferuje się dołączanie CSS w HTML przez <link>, bo bywa bardziej przewidywalne wydajnościowo i organizacyjnie.

Dlaczego pozostałe odpowiedzi są błędne?

  • "open" – nie jest składnią ani dyrektywą CSS; może kojarzyć się z otwieraniem pliku, ale CSS tego tak nie realizuje.
  • "require" – to typowe skojarzenie z językami programowania i systemami modułów, nie z czystym CSS.
  • "include" – bywa spotykane w innych technologiach (np. szablony), jednak nie jest regułą CSS do ładowania arkuszy.

Na egzaminie zwracaj uwagę, czy pytanie dotyczy mechanizmu w CSS (wtedy szukasz @import), czy w HTML (wtedy pojawia się <link>).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To reguła (at-rule) CSS, która pozwala wczytać inny arkusz stylów do bieżącego pliku CSS. Używa się jej, gdy chcesz podzielić style na kilka plików lub dołączać style warunkowo (np. dla wydruku).
Najczęściej spotkasz zapis: @import url("plik.css");. Regułę umieszcza się zwykle na początku arkusza, zanim pojawią się inne selektory i deklaracje, aby uniknąć problemów z interpretacją.
W CSS właściwą składnią jest @import (z @). W testach bywa skrótowo podawane samo "import" jako nazwa mechanizmu. Na egzaminie warto kojarzyć, że chodzi o at-rule z prefiksem @.
Gdy dołączasz główny arkusz stylów do strony HTML, standardowo używa się <link rel="stylesheet">. To typowe rozwiązanie w praktyce projektowej, a @import częściej służy do dzielenia CSS wewnątrz plików .css.
Tak, @import można stosować zarówno w zewnętrznym pliku .css, jak i wewnątrz bloku <style> w HTML. Ważne, by reguła importu znalazła się przed innymi regułami CSS w danym arkuszu.
Najczęstsze to mylenie CSS z innymi językami: wybór "include/require", bo brzmi "programistycznie", albo mylenie z HTML i wskazywanie mechanizmu <link>. Drugi błąd to pominięcie, że poprawny zapis w CSS ma postać @import.
Może, bo importowanie kolejnych arkuszy tworzy zależności i bywa mniej optymalne niż jednoznaczne dołączenie stylów w HTML. W praktyce projektowej często ogranicza się liczbę importów i dba o sensowną strukturę plików.
Można importować arkusz z określonym medium, np. dla wydruku. Wtedy w regule importu dodaje się warunek medium. Dzięki temu część stylów ładuje się tylko w odpowiednim kontekście, co ułatwia organizację projektu.
Nie. CSS nie ma polecenia "include" do dołączania plików. Jeśli chcesz dołączyć zewnętrzne style, używasz reguły @import w CSS albo elementu <link> w HTML.
Ucz się przez praktykę: pisz krótkie arkusze i sprawdzaj efekt w przeglądarce. Zapamiętaj kluczowe elementy: selektory, kaskadowość, specyficzność, jednostki oraz sposoby dołączania stylów (zewnętrzny plik, <style>, inline, @import).
info

To pytanie poprawnie rozwiązuje 71% zdających egzamin. średnio łatwe

W praktyce zawodowej kluczowe jest to, że poprawna jest odpowiedź "import", ponieważ w CSS do dołączania zewnętrznego arkusza stylów służy reguła @import, wskazująca adres pliku CSS.

Źródła:

  • MDN Web Docs: "@import" (CSS at-rule) — https://developer.mozilla.org/en-US/docs/Web/CSS/@import (dostęp: 2026-03-04)
  • W3C: CSS Cascading and Inheritance Level 3 — sekcja o regule importu (@import) — https://www.w3.org/TR/css-cascade-3/ (dostęp: 2026-03-04)
  • 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-04)

Materiały:

  • Dokumentacja MDN dotycząca reguły @import
  • Specyfikacja W3C CSS dla reguł importu
  • Ćwiczenia praktyczne: porównanie @import z dołączaniem przez &lt;link&gt; w HTML

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego