W tego typu zadaniu sprawdzasz umiejętność czytania skutków stylów CSS i dopasowania ich do elementu widocznego na podglądzie. Nie chodzi o zapamiętanie jednego parametru, ale o jednoczesne uwzględnienie kilku właściwości.
Jak podejść do rozwiązania?
- Krok 1: Zidentyfikuj, czy styl dotyczy elementu blokowego (np. układ w kolumnie, zachowanie szerokości) oraz czy są ustawione wymiary (width/height) lub ograniczenia (min/max).
- Krok 2: Sprawdź tło i kolor tekstu (background-color, color), bo to zwykle najszybciej odróżnia warianty.
- Krok 3: Oceń obramowanie (border: grubość, styl, kolor). Częsty błąd to pomylenie obramowania z cieniem (box-shadow), jeśli w zadaniu występuje.
- Krok 4: Rozróżnij margines (margin) od dopełnienia (padding). Margin tworzy odstęp na zewnątrz obramowania, a padding powiększa "wnętrze" elementu wokół treści.
- Krok 5: Zwróć uwagę na wyrównanie i typografię (text-align, font-size, font-weight), bo potrafią rozstrzygnąć remis między podobnymi blokami.
Dlaczego poprawny jest Blok 2?
Blok 2 jest wskazywany jako poprawny, ponieważ jako jedyny spełnia jednocześnie komplet warunków wynikających z podanego stylu CSS (zestaw cech wyglądu i odstępów). W praktyce oznacza to zgodność zarówno w zakresie kolorystyki i obramowania, jak i w zakresie geometrii wynikającej z modelu pudełkowego.
Dlaczego pozostałe odpowiedzi są niepoprawne?
- Blok 1: jest niezgodny co najmniej w jednym kluczowym parametrze (np. inny rodzaj odstępów, brak wymaganego obramowania lub inna kolorystyka), więc nie realizuje pełnej reguły CSS.
- Blok 3: zwykle odpada przez różnicę w box modelu lub typografii — łatwo go błędnie wybrać, jeśli patrzy się tylko na jedną cechę (np. samo tło).
- Blok 4: jest podobny do poprawnego w jednym aspekcie, ale nie zgadza się w innym (np. margines vs padding, grubość obramowania, wyrównanie treści), co oznacza, że nie jest wiernym efektem podanego stylu.
Wskazówka egzaminacyjna: Zaznaczaj cechy "twarde" (wymiary, obramowanie, odstępy), a dopiero potem "miękkie" (kolor, krój). To ogranicza zgadywanie oparte na pierwszym wrażeniu.
