Strona główna › Pytania AUD.05 › Pytanie 272
AUD.05 · pytanie #272
Wskaż deklaracje kodu CSS, które wyświetlą obraz "kolo.png" w sposób przedstawiony na rysunku

- Abackground-image: url(kolo.png); background-repeat : repeat-x;
- Bbackground-image: kolo.png; background-repeat : repeat-x;
- Cbackground-image: src="kolo.png" alt="nagłówek" height="50" width="50" repeat;
- Dbackground-image: url(kolo.png); background-repeat : repeat;
Poprawna odpowiedź: A. background-image: url(kolo.png); background-repeat : repeat-x;
Kliknij odpowiedź, którą uważasz za poprawną.
Wyjaśnienie
Odpowiedź C jest poprawna, ponieważ odpowiednia deklaracja CSS, która wyświetli obraz 'kolo.png' zgodnie z przedstawieniem na rysunku, zazwyczaj wykorzystuje właściwości takie jak 'background-image', 'width', 'height', 'background-size' oraz 'display'. Przykładowa deklaracja mogłaby wyglądać następująco: css .selector { background-image: url('kolo.png'); width: 100px; /* Szerokość elementu */ height: 100px; /* Wysokość elementu */ background-size: contain; /* Dopasowanie obrazu do kontenera */ display: block; margin: 0 auto; /* Wyśrodkowanie elementu */ } Tego typu podejście jest zgodne z najlepszymi praktykami w CSS, ponieważ pozwala na elastyczne zarządzanie rozmiarem i położeniem obrazów. Użycie 'background-size: contain' zapewnia, że obraz nie zostanie zdeformowany, a 'margin: 0 auto' skutecznie wyśrodkowuje element w jego rodzicu. Taki sposób wyświetlania obrazów jest szczególnie przydatny w responsywnym designie, gdzie istotne jest zachowanie proporcji i odpowiednich rozmiarów obrazów w różnych rozdzielczościach. Dodatkowo, przy poprawnym zastosowaniu tych właściwości, możemy uzyskać profesjonalny i estetyczny wygląd naszej strony.
🤖 Wyjaśnienie generowane przez AI – weryfikuj w oficjalnych źródłach.