KWALIFIKACJA INF3 - CZERWIEC 2019

PYTANIE NR 9.
Jak nazywa się metoda dołączania arkusza stylów do dokumentu HTML użyta w przedstawionym kodzie?

<p style="color: red;">tekst paragrafu</p>

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
"Styl wpisany, lokalny" jest poprawny, ponieważ w kodzie CSS dodano bezpośrednio w znaczniku HTML przez atrybut style (np. <p style="color: red;">). Taki zapis dotyczy tylko tego jednego elementu. Styl wewnętrzny wymaga bloku <style>, a zewnętrzny pliku podpiętego przez <link>.

Pełne wyjaśnienie:

W przedstawionym fragmencie HTML styl jest zapisany bezpośrednio w znaczniku jako atrybut style: <p style="color: red;">...</p>. Taka metoda nazywa się stylem wpisanym (inline) i bywa też opisywana jako styl lokalny, ponieważ jej zasięg ogranicza się do konkretnego, pojedynczego elementu.

Dlaczego nie jest to "styl wewnętrzny"? Styl wewnętrzny (internal) polega na umieszczeniu reguł CSS w dokumencie HTML w bloku <style>...</style>, typowo w sekcji <head>. Wtedy style mogą obejmować wiele elementów przez selektory, a nie tylko jeden znacznik.

Dlaczego nie jest to "styl zewnętrzny"? Styl zewnętrzny (external) oznacza trzymanie CSS w osobnym pliku, a następnie dołączenie go do HTML przez <link rel="stylesheet" href="...">. W pokazanym kodzie nie ma odwołania do pliku CSS, więc nie jest to ta metoda.

Określenie "styl alternatywny, zewnętrzny" dotyczy szczególnego przypadku alternatywnych arkuszy stylów przełączanych przez przeglądarkę/użytkownika i wymaga odpowiedniego oznaczenia w linkach. Nie wynika to z użycia samego atrybutu style.

Wskazówka egzaminacyjna: zawsze sprawdź, gdzie fizycznie znajduje się CSS: w atrybucie style (inline), w bloku <style> (internal), czy w osobnym pliku dołączonym przez <link> (external).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Styl wpisany (inline) to CSS zapisany bezpośrednio w znaczniku HTML w atrybucie style, np. <p style="color:red;">. Działa lokalnie: wpływa tylko na ten jeden element, a nie na cały dokument.
Sprawdź, czy w znaczniku HTML występuje atrybut style z parami "właściwość: wartość;". Jeśli CSS jest "w środku" tagu (np. <div style="...">), to jest to styl lokalny/inline.
Ponieważ atrybut style jest częścią konkretnego znacznika, więc przeglądarka stosuje te reguły tylko do tego elementu. Nie ma tu selektorów obejmujących wiele elementów, jak w arkuszu stylów.
Styl wewnętrzny znajduje się w bloku <style> w dokumencie (zwykle w <head>) i może zawierać selektory dla wielu elementów. Styl wpisany jest w atrybucie style pojedynczego tagu i działa lokalnie.
Styl zewnętrzny jest w osobnym pliku CSS dołączanym przez <link rel="stylesheet" href="plik.css">, co ułatwia ponowne użycie i cache. Styl wewnętrzny jest w tym samym pliku HTML w <style>.
Zwykle tak: reguły zapisane w atrybucie style mają wysoki priorytet w kaskadzie i często "wygrywają" z regułami z pliku CSS. Dlatego inline bywa przyczyną trudnych do znalezienia konfliktów stylów.
Najczęściej do szybkiego testu wyglądu, jednorazowej poprawki konkretnego elementu albo w środowiskach, gdzie edycja pliku CSS jest utrudniona (np. fragment treści w CMS). W większych projektach lepiej unikać inline.
Utrudnia utrzymanie i porządkowanie kodu: miesza strukturę HTML z prezentacją, ogranicza ponowne użycie reguł i komplikuje zmianę wyglądu wielu elementów naraz. Łatwiej wtedy o niespójności w interfejsie.
Alternatywny arkusz stylów to dodatkowy plik CSS dołączany w sposób umożliwiający przełączanie stylów (np. zestawy motywów). To osobny temat niż inline: sama obecność atrybutu style nie oznacza "stylu alternatywnego".
Najczęściej: mylenie inline z wewnętrznym (bo oba są "w HTML"), ignorowanie tego, że <link> oznacza plik zewnętrzny, oraz wybór odpowiedzi "zewnętrzny", bo jest najpopularniejszy w praktyce. Zawsze patrz na składnię.
info

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

Specjaliści zwracają uwagę: ""Styl wpisany, lokalny" jest poprawny, ponieważ w kodzie CSS dodano bezpośrednio w znaczniku HTML przez atrybut style (np. &lt;p style=&quot;color: red;&quot;&gt;)."

Źródła:

  • MDN Web Docs: "HTML attribute: style" (Global attributes) — https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style (dostęp: 2026-02-27)
  • MDN Web Docs: "&lt;style&gt;: The Style Information element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style (dostęp: 2026-02-27)
  • 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-02-27)

Materiały:

  • Dokumentacja MDN: atrybut style w HTML i podstawy CSS
  • Dokumentacja MDN: elementy &lt;style&gt; i &lt;link&gt; oraz sposoby dołączania CSS
  • Specyfikacje W3C/WHATWG dotyczące HTML i CSS (sekcje o atrybutach i osadzaniu stylów)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego