Úvod do CSS box modelu

Ve třetí lekci CSS se podíváme na takzvaný CSS box model.

Každý prvek na webové stránce jsou interpretovány jako obsah v boxu. Mohli jste si například všimnout, že když jste nastavili barvu pozadí, tak se neobarvila jen oblast za textem ale celý řádek. Proč?

Protože barva pozadí se neaplikuje na obsah ale na box. A text v HTML má standardně box široký přes celý řádek.

V této leci se podíváme co nám CSS box model umožňuje a jak ho využít.