Dimensioner i CSS

Underviser: Thomas Iversen, A-kasse priser

I denne lektion skal vi arbejde med dimension i CSS. Vi skal derfor kigge nærmere på CSS egenskaberne height, width, min-width, min-height, max-width og max-height. Derudover skal vi afprøve forskellige værdier til disse, så vi får en fornemmelse af, hvordan helholdvis procent, auto og pixel værdier fungerer.

Øvelser:
1 - Lav 4 divs og give dem alle en fast højde på 100px og bredder på henholdsvis 20%, 30%, 40% og 50%. Giv dem også en baggrundsfarve. Hvad sker der med disse divs, når du gør browseren mindre?
2 - Nest dine divs, altså, læg dine divs ind i hinanden således at 40% div´en ligger inde i 50% div´en, 30% inde i 40% og 20% inde i 30%. Hvordan ser dette ud og hvad sker der når du ændrer i browserstørrelsen?

Video tags:

Denne video relaterer til emner såsom: CSS kursus for begyndere, CSS guides, Lær CSS fra bunden, CSS video-tutorials, introduktion til CSS og dimensioner i CSS