W kodzie widoczny jest element <p> z atrybutem style, np. style="color: red;". Oznacza to, że deklaracja CSS została wpisana bezpośrednio w znaczniku elementu HTML. Taki zapis dotyczy wyłącznie tego konkretnego elementu (i ewentualnie jego instancji w miejscu użycia), dlatego klasyfikuje się go jako styl lokalny (inline).
Dlaczego nie jest to styl "zewnętrzny"? Styl zewnętrzny znajduje się w osobnym pliku (np. .css) i jest dołączany do dokumentu, zwykle przez element <link> w sekcji <head>. W przedstawionym fragmencie nie ma żadnego odwołania do pliku CSS, więc nie spełnia to definicji stylu zewnętrznego.
Dlaczego nie jest to styl "nagłówkowy" (wewnętrzny)? Styl wewnętrzny umieszcza się w dokumencie HTML w sekcji <head> wewnątrz elementu <style>, gdzie zapisuje się reguły dla selektorów (np. p { color: red; }). Tutaj nie ma elementu <style>, a reguła nie jest zapisana jako selektor z nawiasami klamrowymi, tylko jako para właściwość–wartość w atrybucie.
Dlaczego "dynamiczny" jest mylące? "Dynamiczność" zwykle kojarzy się ze zmianą stylów w czasie (np. przez JavaScript lub interakcje), a nie z miejscem definicji CSS. Sam fakt ustawienia koloru na czerwony nie czyni stylu dynamicznym.
Wskazówka egzaminacyjna: aby rozpoznać typ stylu, zawsze sprawdź gdzie zapisano CSS: w atrybucie elementu (lokalny), w <style> w <head> (wewnętrzny/nagłówkowy), czy w osobnym pliku dołączonym przez <link> (zewnętrzny).
