17. Co to jest box model w CSS i jakie właściwości go definiują?

Box model w CSS określa strukturę i sposób, w jaki przestrzeń jest alokowana wokół elementu. Składa się z następujących elementów:

• Content: Zawartość elementu.
• Padding: Przestrzeń wewnętrzna między zawartością a obramowaniem elementu.
• Border: Obramowanie elementu.
• Margin: Przestrzeń zewnętrzna wokół elementu, oddzielająca go od innych elementów.

/* Przykład box modelu */
.element {
    width: 100px; /* Szerokość zawartości */
    height: 100px; /* Wysokość zawartości */
    padding: 10px; /* Wewnętrzne odstępy */
    border: 5px solid black; /* Obramowanie */
    margin: 20px; /* Zewnętrzne odstępy */
}