Szybkie Kurski - Darmowe kursy technologiczne

1.

Który element modelu pudełkowego znajduje się najbliżej treści (tekstu lub obrazka)?

Margin

Padding

Content

Border

2.

Co oznacza zapis: margin: 10px 20px;

Wszystkie marginesy po 10px

Góra/dół = 10px, lewa/prawa = 20px

Góra = 10px, prawa = 20px, dół = 0, lewa = 0

Góra = 10px, prawa = 20px, dół = 10px, lewa = 20px

3.

Co dzieje się, gdy dwa pionowe marginesy sąsiadujących elementów spotkają się?

Nakładają się (scalają), nie sumują

Zawsze się sumują

Zawsze wygrywa większy

Znikają

4.

Która właściwość odpowiada za odstęp między treścią a ramką elementu?

Margin

Padding

Border

Width

5.

Jakie elementy powiększają faktyczny rozmiar elementu przy domyślnym box-sizing: content-box?

Tylko margin

Tylko padding

Padding i border

Margin, padding i border

6.

Co zrobi zapis: margin: 0 auto; width: 300px;

Wyśrodkuje element w poziomie

Ustawi marginesy po 0 z każdej strony

Rozciągnie element na całą szerokość

Nic – marginesy się zsumują

7.

Który zapis ustawia inną ramkę tylko u góry elementu?

order: 3px dashed blue;

border-top: 3px dashed blue;

border-width: 3px dashed blue;

border-color: blue top;

8.

Jaką wielkość całkowitą (szerokość) będzie miał ten element w trybie content-box? div { width: 200px; padding: 20px; border: 10px solid black; }

240px

200px

220px

260px

9.

Co zmienia ustawienie box-sizing: border-box;?

Marginesy wliczają się do szerokości elementu

Padding i border wliczają się do width/height elementu

Element zawsze zajmuje 100% szerokości

Marginesy automatycznie ustawiają się na 0

10.

Która kombinacja właściwości pozwoli ustawić minimalną i maksymalną szerokość elementu?

width i height

min-height i max-height

min-width i max-width

border-width i margin

Model pudełkowy CSS