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. Styl wpisany, lokalny.
B. Styl alternatywny, zewnętrzny.
C. Styl wewnętrzny.
D. Styl zewnętrzny.
Pytanie z egzaminu CKE, czerwiec 2019 (arkusz E.14-X-19.06).
W pokazanym fragmencie zastosowano styl wpisany, czyli lokalny, bo reguła CSS została umieszczona bezpośrednio w atrybucie style konkretnego elementu HTML. Deklaracja color: red; dotyczy tylko tego jednego akapitu i nie tworzy ogólnej reguły dla całej strony. To właśnie odróżnia styl lokalny od arkusza wewnętrznego albo zewnętrznego. Technicznie rzecz biorąc, taki zapis ma dość wysoki priorytet w kaskadzie CSS, więc często nadpisuje reguły z klas, selektorów elementów czy pliku CSS. W praktyce przydaje się do szybkiego testu, pojedynczej poprawki albo stylowania generowanego dynamicznie, np. przez JavaScript. Moim zdaniem w normalnym projekcie lepiej jednak nie przesadzać z takim podejściem, bo miesza strukturę HTML z wyglądem strony. Dobra praktyka branżowa mówi, żeby większość stylów trzymać w osobnym pliku CSS i stosować klasy, np. dla kolorów, marginesów czy układu. Styl lokalny jest poprawny, ale raczej jako wyjątek, nie jako główna metoda budowania wyglądu serwisu.
W tym pytaniu łatwo pomylić kilka sposobów dołączania CSS, bo wszystkie dotyczą wyglądu strony, ale technicznie robią to w inny sposób. Styl wewnętrzny oznacza sytuację, gdy reguły CSS są zapisane w dokumencie HTML w specjalnej sekcji przeznaczonej na style, najczęściej w części nagłówkowej strony. Taki zapis może obejmować wiele elementów, np. wszystkie akapity albo elementy z wybraną klasą. W pokazanym przykładzie tak nie jest, bo właściwość CSS znajduje się bezpośrednio przy jednym elemencie, w jego atrybucie style. Styl zewnętrzny to jeszcze inny mechanizm: przeglądarka pobiera osobny plik z rozszerzeniem .css, podłączony do dokumentu. To jest najczęściej najlepsze rozwiązanie w większych projektach, bo pozwala utrzymać porządek, korzystać z pamięci podręcznej przeglądarki i łatwo zmieniać wygląd wielu podstron naraz. Określenie styl alternatywny, zewnętrzny kojarzy się raczej z dodatkowymi arkuszami stylów, które użytkownik lub przeglądarka może wybrać jako wariant wyglądu, ale nie pasuje do pojedynczego atrybutu style. Typowy błąd myślowy polega na tym, że ktoś widzi CSS i od razu zakłada arkusz stylów jako osobny byt. Tutaj arkusza w zasadzie nie ma, jest tylko lokalna deklaracja CSS przypisana do jednego znacznika. Z mojego doświadczenia warto zapamiętać prostą zasadę: atrybut style przy elemencie oznacza styl wpisany, lokalny.