INF.03Pytanie #641 z 1558css-box-model-i-pozycjonowanie

Na obrazie przedstawiono efekt formatowania stylami CSS oraz kod HTML generujący ten przykład. Zakładając, że marginesy wewnętrzne wynoszą 50 px, a zewnętrzne wynoszą 20 px, styl CSS dla obrazu ma postać

Opcje odpowiedzi:

img { background-color: Teal; border: 4px dotted Teal; padding: 50px; margin: 20px; }

img { background-color: Teal; border: 4px solid black; margin: 50px; padding: 20px; }

img { background-color: Teal; border: 4px solid black; padding: 50px; margin: 20px; }

Prawidłowa

img { background-color: Teal; border: 4px dotted Teal; margin: 50px; padding: 20px; }

Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: C (img { background-color: Teal; border: 4px solid black; padding: 50px; margin:...)

Dlaczego to jest poprawne? Wszystkie właściwości w tej odpowiedzi pokrywają się z wytycznymi z zadania i załączonym widokiem. Kolor tła to Teal, a ramka wokół niego to ciągła czarna linia o grubości 4px (border: 4px solid black;). Kluczem są tu marginesy: zewnętrzny (wokół elementu) określa się jako margin: 20px;, a wewnętrzny (odstęp między obrazkiem w środku a ramką) to padding: 50px;.

Dlaczego pozostałe opcje są nieprawidłowe?

A: Używa stylu dotted dla ramki (kropkowana), podczas gdy na obrazku jest wyraźna linia ciągła.
B: Zamienia miejscami wartości marginesów: przypisuje 50px do zewnętrznego (margin) i 20px do wewnętrznego (padding).
D: Zawiera podwójny błąd – niewłaściwy styl ramki (dotted) oraz tak samo zamienione wartości odstępów.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03

Reklama

Podobne pytania z działu „Css box model i pozycjonowanie”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 47 pytań z tego działu.

Zobacz wszystkie pytania z INF.03

Pytanie #640 Zobacz całą bazę pytań (1558)Pytanie #642