Lekcja 5: Box Model – Teoria Pudełka

To najważniejsza lekcja w CSS! Każdy element na stronie jest prostokątnym pudełkiem. Musisz zrozumieć różnicę między marginesem wewnętrznym (padding) a zewnętrznym (margin), żeby panować nad układem strony.

Kluczowe zagadnienia:

• Składniki pudełka: Content, Padding, Border, Margin.
• Różnice w działaniu marginesów.
• Centrowanie elementu na stronie (margin: 0 auto).

Sprawdź wiedzę (Pytania do filmu):

1. Co to jest Box Model?
2. Co to jest margin?
3. Co to jest padding?
4. Co to jest border?
5. Co oznacza zapis margin: 10px 20px?
6. Jak wyśrodkować pudełko (np. div) na stronie?
7. Czy tło elementu obejmuje też margin?
8. Czy padding powiększa wizualnie element?
9. Co to jest content w Box Modelu?
10. Jak usunąć domyślne marginesy strony?