1. Podaj definicję modelu pudełkowego.
  2. Model pudełkowy
    Każdy element w dokumencie HTML, otacza się prostokątnym obszarem zwanym pudełkiem (ang. Box model).

  3. Wykonaj oraz uzupełnij tabelę:
  4. zawartośćOpis
    contentzawartość elementu (np.: tekst, obrazek)
    paddingotaczające marginesy wewnętrzne, odstęp między obramowaniem i zawartością elementu
    borderobramowania wokół zawartości elementu, ma styl i kolor.
    marginmarginesy wokół ramki (margines zewnętrzny). Jest to pusty obszar wokół ramki, który nie ma koloru tła i jest przeźroczysty.

  5. Podaj dwie uwagi na temat modelu pudełkowego.
  6. Uwaga1
    Padding, border i margin mogą mieć zerową wartość.
    Uwaga2
    Tło elementu jest określone dla wszystkich z podanych powyżej obszarów z wyjątkiem marginesów zewnętrznych, które zawsze są przezroczyste (transparent).

  7. Wstaw grafikę obrazującą model pudełkowy.
  8. Pudełko

  9. Wstaw grafikę obrazującą różnicę pomiędzy paddingiem i marginesem wraz z opisem
  10. padding i margines