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

Aby stworzyć efekt 'karty' dla bloku treści (np. `div` z klasą `.card`), który ma delikatne zaokrąglenie rogów, wewnętrzny padding dla treści oraz subtelny cień, aby wyróżniał się na tle, jakie style można zastosować?

Opcje odpowiedzi:

.card { border-radius: 8px; padding: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

Prawidłowa

.card { curve: 8px; spacing: 15px; shadow: on; }

.card { round-border: medium; content-offset: 3%; depth-effect: 2; }

.card { corners: rounded; inset: 15px; elevation: low; }

Reklama

Poprawna odpowiedź: A (.card { border-radius: 8px; padding: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); })

Wzorzec projektowy karty w CSS:

border-radius: 8px; — łagodne zaokrąglenie narożników,
padding: 15px; — wewnętrzny odstęp treści od krawędzi,
box-shadow: 0 4px 8px rgba(0,0,0,0.1); — realistyczny, subtelny cień pudełkowy.

Dlaczego pozostałe opcje są nieprawidłowe?

B: curve i shadow: on nie są właściwościami języka CSS.
C: round-border i depth-effect nie istnieją w specyfikacji standardu CSS.
D: Właściwości corners, inset (w tym kontekście) i elevation to składnia frameworków lub innych języków.

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.

Pojęcia z tego pytania

Reklama

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