CSS Grid
Home

CSS Grid

CSS Grid

Lay-outs zijn gemakkelijk te maken met behulp van roosters (grids). Tot nu toe beschikte het web niet over een grid. Er werden daarom allerlei methoden en hacks uitgeprobeerd om een webpagina in een rooster weer te geven. Het begon met op tabellen gebaseerde lay-outs, gevolgd door op float gebaseerde lay-outs. Maar dit zijn enkel nepoplossingen omdat tabellen en float niet bedoeld waren om lay-outs te maken.

Inleiding

CSS Grid beschikt over een reeks eigenschappen die ons toelaten:

gridstructuren te maken;

de grootte en de plaats van grid-items kunnen bepalen;

maken met behulp van CSS. Dit betekent dat we media kunnen gebruiken om onze rasters aan te passen aan verschillende contexten. We kunnen de lay-out van rasters herschikken, waardoor we rasters over de hele wereld kunnen verschuiven om de onderliggende markup te wijzigen.

Grid wordt ook geleverd met een krachtig algoritme voor zelfplaatsing, waardoor het gemakkelijker wordt om een ruimte te vullen zonder veel gecompliceerde berekeningen te hoeven maken. Tot op zekere hoogte staat Grid zelfs enige flexibiliteit toe op de z-as, waarin je rasteritems kunt overlappen als dat nodig is.

Onder ondertitel

Paragraaf

JI
2018-07-18 17:41:41