W zadaniach tego typu trzeba połączyć dwie informacje: (1) reguły stylu pokazane w materiale (np. na ilustracji) oraz (2) fakt, że pozostałe właściwości akapitu mają wartości domyślne. Oznacza to, że nie wolno "dopowiadać" dodatkowych deklaracji ani zakładać typowego resetu CSS, jeśli nie wynika to wprost z treści.
Odpowiedź "Efekt 3." jest właściwa, ponieważ odpowiada renderowaniu akapitu zgodnemu z podanym stylem, a jednocześnie respektuje to, co dzieje się, gdy właściwości nie są jawnie ustawione: część wartości jest dziedziczona (np. cechy tekstu), a część wynika z domyślnych styli przeglądarki (tzw. user agent stylesheet), które dla <p> często wprowadzają odstępy pionowe.
Dlaczego pozostałe propozycje są błędne? Każda z nich odpowiada sytuacji, w której:
- albo przyjęto inne wartości dla właściwości nieustawionych (np. jak po użyciu reset/normalize),
- albo pomylono wartości dziedziczone z niedziedziczonymi (np. oczekiwano, że akapit przejmie ustawienia, których nie dziedziczy),
- albo zinterpretowano działanie stylu niezgodnie z kaskadowaniem (np. nieuwzględniono, że tylko wskazane właściwości zmieniają wygląd, a reszta pozostaje bez zmian).
W praktyce egzaminacyjnej warto zastosować procedurę: (a) wypisz właściwości ustawione w stylu, (b) przypomnij sobie, które właściwości są dziedziczone, (c) dla reszty przyjmij wartości domyślne/UA, (d) porównaj z wizualnymi "efektami". To minimalizuje zgadywanie i ogranicza wpływ nawyków z własnych projektów.
