HTML CSS Flashcards
Mag ik een A tag in een A tag plaatsen?
Nee, want hier weet de browser niet mee om te gaan. Je gebruikt dan twee tegelijkertijd uitvoerende links.
Wat is een one line CSS om margin left en margin right op auto te zetten?
Margin-inline: auto
Underline Stijl met ruimte geven
text-underline-offset
Pas een kleur van een default radio button aan
Accent-color
Een box met content die overflow heeft, daarvan de content laten scrollen zonder de rest scrolt
Overscroll-behavior
Waarom gebruik je px unit ipv rem bij margin en padding?
Omdat px niet mee schalen als de browser wordt ingezoomd of wanneer de viewport veranderd of device. Px vinden op hun plaats.
Wanneer gebruik je Flexbox?
1: one dimensional layouts, of in een rij of in een kolom maar niet biede tegelijk.
- Uitlijnen van items, uitlijnen van items in een container horizontaal als verticaal.
- Content driven layouts, items eenvoudig laten groeien, verkleinen en distribueren o.b.v. hun content.
Zoals navigatie bars, centering items, toolbars, simple grids or lists.
Wanneer gebruik je Grid?
- Twee dimensionale layouts: zowel rijen als kolommen geburiken.
- Complexe layouts en layout driven design: wanneer de layout het design bepaald ipv de content.
- Overlappende elementen
Zoals complexe paignas, dashboard layouts, image galleries, precieze controle over positionering.
Wanneer gebruik je SPAN of DIV?
Span wanneer je text of icons wil wrappen binnen een tekst.
Div wanneer je elementen wil wrappen.
[CSS] Wat is het verschil tussen border en outline?
Border:
- Is letterlijk de border van een element.
- Hierbij groeit ook de totale omvang van het element.
Outline:
- Is de lijn buiten de border.
- Hierbij groeit de omvang van het element NIET.
- Wel kan er overlap optreden tussen elementen.
[HTML] waar is het srcset eigenschap van een Image element goed voor?
Om de browser verschillende grootte van een afbeelding aan te bieden waardoor die kan kiezen welke grootte gerendered wordt afhankelijk van de bandbreedte.
