W CSS każda właściwość ma ściśle określone znaczenie, dlatego taki zestaw deklaracji daje jednoznaczny efekt wizualny.
1) background-color: red;
Właściwość background-color określa kolor tła elementu. Wartość red jest predefiniowaną nazwą koloru w CSS, więc tło akapitu będzie czerwone.
2) color: blue;
Właściwość color dotyczy koloru tekstu (tzw. foreground). Zatem tekst znajdujący się wewnątrz elementu <p> będzie niebieski.
3) margin: 40px;
margin to margines zewnętrzny, czyli przestrzeń na zewnątrz obramowania elementu, oddzielająca go od sąsiednich elementów. Zapis jednej wartości 40px oznacza zastosowanie jej do wszystkich czterech stron (góra, prawo, dół, lewo).
Dlaczego pozostałe odpowiedzi są błędne?
- Opcje z "marginesami wewnętrznymi" opisują padding, a nie margin. To częsta pomyłka, bo oba pojęcia dotyczą "odstępu", ale w innych miejscach modelu pudełkowego.
- Opcje z odwróconymi kolorami (tło niebieskie, tekst czerwony) mylą role właściwości: background-color dotyczy tła, a color tekstu, więc nie można ich zamienić.
Wskazówka egzaminacyjna: zapamiętaj, że margin tworzy przestrzeń poza elementem, a padding w środku — między treścią a obramowaniem.
